安卓 ios audio无法自动播放如何自动解决 about vue-music-webapp HOT 1 CLOSED

 // 在 App.vue 中运行
  data () {
    return {
      stop: false
    }
  },
  mounted () {
    let m = document.querySelector('#app')

    // 监听用户触摸屏幕
    m.addEventListener('touchend', this.firstPlay)
  },
  methods: {
    firstPlay () {
      let music = document.querySelector('#music-audio')

      music.play()
      // 异步获取到 url 地址，music.url 不为空时，就可以自动播放了
      // 这个时候通过 watch 移除掉事件监听
      if (music.src !== '') {
        this.stop = true
      }
    }
  },
  watch: {
    stop () {
      let m = document.querySelector('#app')
      m.removeEventListener('touchend', this.firstPlay)
    }
  },