比如说我现在循环出来的数据有N条。

我现在出现的问题是：我点击开始录音，N条数据都出现同样的结束录音。

我想要点击事件只对我点击的一条数据起作用怎么实现呀

WXML:

<view wx:for="{{hw_audio_area}}" wx:for-item=“item” class=“hw_audio_list” wx:key="{{index}}" >

    <text class=‘content’>{{item}}</text>

    <view wx:if="{{isRecord}}" catchtap=‘start’ data-id=’{{index}}’ class=‘btn’>开始录音</view>

    <view wx:if="{{isStop}}" catchtap=‘stop’ data-id=’{{index}}’ class=‘btn’>结束录音</view>

    <view wx:if=’{{isPlay}}’>

    <view class=‘rere’>重新录制</view>

   </view>

</view>

JS:

data: {

isPlay: false,

isRecord: true,

isStop: false,

index:’’,

},

start: function(e) {

    this.setData({

    index: e.target.dataset.id,

    isStop: true,

    isRecord: false

})