微信小程序 多行相同内容分别控制它们的显示与隐藏

如图所示我要分别控制 wuie时的等等线面的一行字的展开与收起,
首先这些都是后台数据动态渲染,显然不能通过data里面定义个变量,控制true or false 来操作,我们可以让后台在数组每一项里面加一个flag(标识符),当点击的时候获取下标,通过下标控制该数组项的flag值,
怎么获取下标
可以在.wxml中添加一个自定义属性data-index;当点击的时候获取这个属性,
click:function(e){
console.log(e);
var index = e.target.dataset.index;
}
获取到之后就可以进行后续的改值了。(通过setData)
本文介绍如何在微信小程序中使用动态渲染实现多行内容的独立展开与收起功能。通过在后台数据中添加标识符(flag),结合自定义属性data-index,利用点击事件获取下标,从而精准控制每行内容的显示状态。
9054

被折叠的 条评论
为什么被折叠?



