小程序点击当前显示当前下的view，控制显示与隐藏

小程序点击当前显示当前下的view，控制显示与隐藏

这是我查看了文章对自己的数据修改后的，原文转载！
wxml

<view class="tr" wx:for="{{samplingsTr}}" wx:for-item="Samp" bindtap="ReadMore" data-id="{{Samp.id}}"  wx:key="">     
       <text class="td"> {{Samp.data}} </text>
      <text class="td"> {{Samp.project}} </text>
      <text class="td"> {{Samp.condition}} </text>
      <text class="td"> {{Samp.product}} </text>
      <!-- 详情信息 -->
      <view class="details {{Samp.DelView?'Show':'Hide'}}" >
        <view class="detailsTr" wx:for="{{Samp.infomation}}" wx:for-item="Del" wx:key="{{Samp.id}}">
          <text class="Msg">{{Del.details}}</text>
          <text class="state">{{Del.info}}</text>
        </view>
       </view>
    </view>

wxjs

/**
   * 点击表格记录查看详情
   */
  ReadMore:function(e){
  let index=0;  //下标
    let arrayltem = this.data.samplingsTr; //拿出十条数据
    for(let item of arrayltem){
      if(item.id == e.currentTarget.dataset.id){  //判断是否等于当前点击id    
        if (arrayltem[index].DelView == "" || arrayltem[index].DelView == undefined){
        //为空或者为undefied时
          arrayltem[index].DelView="true"   //让当前的delView为true，控制显示隐藏用
        }else{
          arrayltem[index].DelView = ""
        }
      }
      index++  //自增下标
    }
    this.setData({ //数据动态绑定
      samplingsTr:arrayltem
    })
  },

---

此好文为转载：
作者：superKM
原文地址：https://blog.csdn.net/superkm/article/details/79665945