v-for渲染的数据调用共同的function方法。根据点击事件只让当前数据调用

Question

问题描述

点击当前渲染数据只让当前数据调用。现在点击任何一个就都会调用

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<div class="tab_search" v-for='(item,index) in list' :key="item.id">

         <div class="huat_topic"><i class="huat">话题</i>{{item.topic}}{{index}}</div>
         <div class="tab_questions" v-for='(datas,index) in item.questions' :key='index'>
           <i class="wfa">问法{{index+=1}}</i>{{datas}}</div>
           <div class="yuy">
             <div class="incon"  @click="aplayAudio(index,item,$event)">
               <div v-if='play' style="font-size: 18px;" class="iconfont icon-play-circle-o"></div>
               <div v-if='pause'  style="font-size: 18px;" class="iconfont icon-pause-circle-o"></div>
             <audio id='audio' :src='item.voiceFilePath' controls="controls" class="bof"></audio></div>
             <div id="tts" class="textars">{{item.answers}}</div>
             </div>
      </div>

aplayAudio (index,row,e) {

    console.log(index,row,e);
     let answers=row;
     console.log(answers.answers)
    let list=index;
     let ttsAudio=document.getElementById('audio');
 if(answers.answers){
      if( ttsAudio.paused){
       ttsAudio.play()
     this.play=false;
     this.pause=true;
      }else{ 
       ttsAudio.pause();
      this.play=true;
      this.pause=false;
      }
      
      } 
   },

你期待的结果是什么？实际看到的错误信息又是什么？

题目描述

题目来源及自己的思路

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？