vue实现音频列表，播放互斥

用了最暴力的方法，直接遍历。先判断是否是需要播放的音频，不是的话再判断它是否正在播放，是的话就关掉这条音频。
没什么逻辑可言，但是不知道怎么控制这条音频关闭，花了点时间写。
关键就在于：

let name = this.audioSrcList[i].index;

this.$refs[name][0].pause();

具体如下：
audioSrcList里面放音频链接audioSrc，序号index，以及状态status。
状态都先默认为‘pause’

          <div v-for="(item, index) in audioSrcList" :key="index" @click="onClick(item)">
            <span class="audioTime">{{item.fileStartTime}}</span>
            <audio :ref="item.index"
                   @play="onPlay(item)"
                   @pause="onPause(item)"
                   @timeupdate="onTimeupdate"
                   @loadedmetadata="onLoadedmetadata"
                   :src="item.audioSrc"
                   controls="controls"
                   style="width:100%;">
            </audio>
          </div>
    

 audio: {

          //该字段是音频是否处于播放状态的属性

          playing: false,

          //音频当前播放时长

          currentTime: 0,

          //音频最大播放时长

          maxTime: 0,

        },

      onPlay(item) {
        item.status = 'play';
        for (let i = 0; i < this.audioSrcList.length; i++) {
          if (item.index != this.audioSrcList[i].index) {
            // 不是当前需播放的音频
            if (this.audioSrcList[i].status === 'play') {
              // 但是在播放中，需暂停掉
              let name = this.audioSrcList[i].index;
              this.$refs[name][0].pause();
            }
          } else {
            // 是当前需要播放的音频
          }
        }
      },

      /**
       * 当音频暂停
       * */
      onPause(item) {
        item.status = 'pause';
      },