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

<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>
1
2
3
4
5
6
7
8
9

// 展开
  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
    })
  },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25