<audio
      id="cheerMusic"
      ref="music"
      preload="auto"
      loop="loop"
      src="http://xxx.com/kyday/2020/voice/actCenter.mp3"
    ></audio>

在mouted方法中調用播放音樂方法

    _this.audioAutoPlay("cheerMusic");

  /* 自動播放音樂 */
    audioAutoPlay(id) {
        let music = document.getElementById(id)
        music.play()
        let play = function () {
            music.play()
            document.removeEventListener("touchstart", play, false)
        }
        music.play()
        document.addEventListener("WeixinJSBridgeReady", function () {
            play()
        }, false)
        document.addEventListener('YixinJSBridgeReady', function () {
            play()
        }, false)
        document.addEventListener("touchstart", play, false)
    },
    onBridgeReady() {
        console.log(" WeixinJSBridge.call('hideOptionMenu')")
        WeixinJSBridge.call('hideOptionMenu')
    },
    WeixinJSBridgeReady(){
        if (typeof WeixinJSBridge === "undefined") {
            console.log('WeixinJSBridge ==== undefined')
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady, false)
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady)
                document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady)
            }
        } else {
            this.onBridgeReady()
        }
    }

通過上述code可以完成進入頁面自動播放背景音樂
但是ios手機需要點擊頁面任意一個地方才能開始播放

??注意：上面audio標簽中不能設置muted 屬性鞋屈，設置完之后 無論如何ios都自動播放不了