今天实现切换歌曲时发现问题,切换歌曲的逻辑就是更改列表索引获取当前播放歌曲,然后播放歌曲。结果更改歌曲成功了,但是无法切换完播放。后来发现问题,歌曲加载需要时间,播放的指令运行时歌曲还未加载好,所以就出现了无法正常播放的问题。vue中的nextTick函数:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。这样我们将audio.paly()的播放指令放在nextTick(()=>{audio.paly()})里面,这样就可以在dom更新完之后再执行里面的指令,解决了问题。
标签:nextTick,paly,vue,函数,指令,歌曲,播放 From: https://www.cnblogs.com/panglinglong/p/17755651.html