微信小程序for 循环中如何通过绑定事件 改变循环中图片的src值

Question

 <view class='pro-item' wx:for="{{navList}}" wx:key="unique">
        <view class='tui-list-head' id='NAV{{index}}'>{{item.c_name}}</view>
        <view class='tui-list-li'>
          <view class='goods-box'  wx:for-item='items' wx:for="{{item.list}}" wx:key="unique" data-audio_name='{{items.audio_name}}'  >
          <view class="goods-box-left">
            <view class='goodsName'>{{items.audio_name}}</view>
            <view class='goodsDesc'>{{items.desc}}</view>
          </view>
          <view class="goods-box-right-box">
            <image  class="goods-box-right" data-src='{{items}}' src='{{audio_icon}}' bindtap="play_btn"></image>
           
            <view class="selece_me" bindtap="clik_audio_name">选我配音</view>
          </view>
        </view>
        </view>
      </view>

play_btn: function (e){
    console.log(e);
    
    if(this.data.audio_status=='play'){
      this.setData({
        "audio_status":'pause',
        "audio_icon":'../../images/pause.png'
      }),
      console.log('点了播放');
    }else{
      this.setData({
        "audio_status":'play',
        "audio_icon":'../../images/play.png'
      }),
      console.log('点了暂停');
    }
  },

如何在点击了 paly_btn后 改变相对于循环中点击的那一条的 图片src值
现在的代码是点击了play_btn 后所有列的都变了

Answer 1

给个思路，
1.play_btn 层级将当前点击项的二位数组坐标获取到，
2.复制原先的数组，执行数组对应下标对象下的src更新操作
3.用新生成的数组替换掉原先的数组