标签：index vue length let wordsRepeats 播放 audioOne audio

页面： 　　　　　　　　<div class="right">                                                 <audio                                                     :ref="'audio' + index"                                                     :src="item.audioUrl"                                                     @ended="haveEnded"                                                 />                                                 <div :class="{ active: playIndex == index}"                                                      class="audio-component"                                                      @click="toReadAudio(index)" />                                             </div>   toReadAudio (index) {             let length = this.weekDetail.wordsRepeats.length || 0  // this.weekDetail.wordsRepeats是总共有几条音频数据             if (length) {                 for (let i = 0; i < length; i++) {                     let audioOne = 'audio' + i                     audioOne = this.$refs[audioOne][0]                     if (i === index) {                         if (audioOne.paused) {                         // 切换播放中的css样式                             this.playIndex = index                             audioOne.load()//音频重新加载，重新播放                             audioOne.play()                         } else {                             audioOne.pause()                             this.playIndex = null                         }                     } else {                         audioOne.pause()                     }                 }             }         },

标签：index,vue,length,let,wordsRepeats,播放,audioOne,audio
来源： https://www.cnblogs.com/lh1998/p/13724278.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。