小程序循环列表的展开收起

最新推荐文章于 2021-05-18 03:03:09 发布

岩崎理奈

最新推荐文章于 2021-05-18 03:03:09 发布

阅读量3.1k

点赞数

分类专栏：微信小程序笔记

本文链接：https://blog.csdn.net/qq_41874847/article/details/90764300

版权

微信小程序笔记专栏收录该内容

17 篇文章 4 订阅

订阅专栏

<view class='investDetail' style='margin-top:30rpx;' wx:for="{{carInsurance}}" wx:key="index">
 <view bindtap='clickLine' data-index="{{index}}"><view class='th1' style='font-size: 36rpx;'><text>方案{{index+1}}</text>
</view>
//判断展开收起
 <view wx:if="{{item.show}}"></view>
    //展开后显示类容已省略
</view>

通过获取下标，然后判断显示

 clickLine: function (e) {
    var that = this;
    var indexs = e.currentTarget.dataset.index
    var carInsurance = this.data.carInsurance
    carInsurance[indexs].show = !carInsurance[indexs].show ||false
    that.setData({
      carInsurance: carInsurance
    })
  },