用了最暴力的方法，直接遍历。先判断是否是需要播放的音频，不是的话再判断它是否正在播放，是的话就关掉这条音频。
没什么逻辑可言，但是不知道怎么控制这条音频关闭，花了点时间写。
关键就在于：
let name = this.audioSrcList[i].index;
this.$refs[name][0].pause();


具体如下：
audioSrcList里面放音频链接audioSrc，序号index，以及状态status。
状态都先默认为‘pause’
 1           <div v-for="(item, index) in audioSrcList" :key="index" @click="onClick(item)">
 2             <span class="audioTime">{{item.fileStartTime}}</span>
 3             <audio :ref="item.index"
 4                    @play="onPlay(item)"
 5                    @pause="onPause(item)"
 6                    @timeupdate="onTimeupdate"
 7                    @loadedmetadata="onLoadedmetadata"
 8                    :src="item.audioSrc"
 9                    controls="controls"
10                    style="width:100%;">
11             </audio>
12           </div>
13

 audio: {
          //该字段是音频是否处于播放状态的属性
          playing: false,
          //音频当前播放时长
          currentTime: 0,
          //音频最大播放时长
          maxTime: 0,
        }, 

 1       onPlay(item) {
 2         item.status = 'play';
 3         for (let i = 0; i < this.audioSrcList.length; i++) {
 4           if (item.index != this.audioSrcList[i].index) {
 5             // 不是当前需播放的音频
 6             if (this.audioSrcList[i].status === 'play') {
 7               // 但是在播放中，需暂停掉
 8               let name = this.audioSrcList[i].index;
 9               this.$refs[name][0].pause();
10             }
11           } else {
12             // 是当前需要播放的音频
16           }
17         }
18       },
19 
20       /**
21        * 当音频暂停
22        * */
23       onPause(item) {
24         item.status = 'pause';
25       },

 

原文地址：http://www.cnblogs.com/silvia-earl/p/16877313.html

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 2. 分享目的仅供大家学习和交流，请务用于商业用途! 3. 如果你也有好源码或者教程，可以到用户中心发布，分享有积分奖励和额外收入！ 4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 5. 如有链接无法下载、失效或广告，请联系管理员处理！ 6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！ 7. 如遇到加密压缩包，默认解压密码为"gltf",如遇到无法解压的请联系管理员！ 8. 因为资源和程序源码均为可复制品，所以不支持任何理由的退款兑现，请斟酌后支付下载 声明：如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性