vue下的audio标签播放、暂停、完成事件
audio标签下的@play、@pause、@ended的事件
·
@play、@pause、@ended都是自带的事件,一开始不知道整了半天
<div >
<audio controls autoplay @play="play" @pause="pause" @ended="audioEnded" :src="require('@/assets/Listen_material/'+imgANDaudioIndex+'.mp3')" ></audio>
</div>
js部分
methods:{
play(){
this.isPlaying=true;
console.log("running~")
},
pause(){
this.isPlaying=false;
console.log("stop!")
},
audioEnded(){
console.log('end')
Toast.success('任务完成!');
setTimeout(() => {
this.$router.go(-1)
}, 2000);
},
},
更多推荐
已为社区贡献1条内容
所有评论(0)