小白学vue.js之audio

本白学习到播放在线音乐,用到了audio,遇到问题.不会绑定按钮到audio上,需要点击一首歌曲后,再点击audio上的播放按钮

如图:

小白学vue.js之audio

搜到歌曲后,必须先要点击确认,再点击上方播放器的播放.不会绑定,通过,很是不爽啊!

var audio=document.getElementById("my_audio");

audio,play(),这个没成功..

提示没定义play这个方法.........

搜了半天,找到以下方法解决

这个是audio标签

小白学vue.js之audio

这是vue.js

 

小白学vue.js之audio

 

用到了这个$nextTick(()异步更新DOM的函数,对于本白,这个有点MENG BI ,看了这个帖子有点了解------>

传送门:https://www.jianshu.com/p/a7550c0e164f

使用这个函数就可以正确获取audio的属性,并使用play()等方法了,当然这个函数的功能我还不是很了解,欢迎大神来指点哈

对了,还有一点,就是axios的回调中,this获取不到全局的参数,方法. 需要在单独定var一个参数,例如 " that " 

以上就是本白的一点心得, 持续更新中~

 

小白学vue.js之audio