小程序循环列表，点击只让当前项展开

最新推荐文章于 2021-06-18 19:19:35 发布

爱吃烧鸭蛋的叶安

最新推荐文章于 2021-06-18 19:19:35 发布

阅读量342

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/c_qianxia5040/article/details/105563200

版权

小程序专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<view class="item" wx:for="{{msgList}}" wx:key="*this">
<view class="bottom grey" bindtap="extand" data-id="{{item.mi}}" wx:if="{{!item.isShow}}">
      <text>查看详情</text>
      <van-icon name="down"  size="24rpx" color="#999"/>
    </view>
    <view class="bottom grey" bindtap="shou" data-id="{{item.mi}}" wx:else>
      <text>收起</text>
    </view>
 </view>

// 展开
  extand(e) {
    let id = e.currentTarget.dataset.id
    let arrayItem = this.data.msgList;
    for (let item of arrayItem) {
        let index = arrayItem.findIndex((item) => item.mi === id)
        console.log(index,'index')
      arrayItem[index].isShow = true
    }
    this.setData({
      msgList: arrayItem
    })
  },
  // 收起
  shou(e){
    let id = e.currentTarget.dataset.id
    let arrayItem = this.data.msgList;
    for (let item of arrayItem) {
      let index = arrayItem.findIndex((item) => item.mi === id)
      arrayItem[index].isShow = false
    }
    this.setData({
      msgList: arrayItem
    })
  },