210  
查询码:00000397
小程序循环列表的展开收起
来源:https://blog.csdn.net/qq_41874847/article/details/90764300
作者: 朱凡 于 2020年02月13日 发布在分类 / FM组 / FMWechat 下,并于 2020年02月13日 编辑
程序 阅读 阅读数 读数 展开 列表 来自 实现 显示 一个

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

展开


<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
  })
 },


 推荐知识

 历史版本

修改日期 修改人 备注
2020-02-13 22:10:46[当前版本] 朱凡 创建版本

 附件

附件类型

PNGPNG

知识分享平台 -V 4.8.7 -wcp