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