vue如何实现让audio自动播放？

问题描述

下面这样写不行

music3.vue?fee5:144 Uncaught (in promise) TypeError: Cannot read property 'play' of undefined

<audio class="au" autoplay :src="list.music" controls="controls" refs="audio">
</audio>
this.$refs.audio.play()

参考方案

最好在监听canplay事件在触发play。

audio.addEventListener('canplay', () => {
    audio.play()
})

Chrome好像会自动关闭自动播放功能，你可能需要手动配置一下。