监听audio事件

1、界面上：

1.  
    
2.  
   <!--音频-->
3.  
   <audio v-if="showAudio"
4.  
   ref="audioRef"
5.  
   class="bgMusic"
6.  
   controls
7.  
   :autoplay="true"
8.  
   style="display: none"
9.  
   @ended="overAudio"
10.  
    @pause="onPause"
11.  
    @play="onPlay"
12.  
    >
13.  
    <source :src="audioUrl" type="audio/mpeg">
14.  
    </audio>

2、js部分：

1.  
   /**
2.  
   * audio自身事件
3.  
   * */
4.  
   // 当音频播放
5.  
   onPlay () {
6.  
   console.log('开始播放声音');
7.  
   },
8.  
   // 当音频暂停
9.  
   onPause () {
10.  
    console.log('暂停播放声音');
11.  
    },
12.  
    //播放完毕执行
13.  
    overAudio(){
14.  
    console.log('播放声音完毕');
15.  
    this.audioArr.forEach(item=>{
16.  
    item.isStart = true;
17.  
    })