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

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

微信小程序 多行相同内容分别控制它们的显示与隐藏
如图所示我要分别控制 wuie时的等等线面的一行字的展开与收起,

首先这些都是后台数据动态渲染,显然不能通过data里面定义个变量,控制true or false 来操作,我们可以让后台在数组每一项里面加一个flag(标识符),当点击的时候获取下标,通过下标控制该数组项的flag值,

怎么获取下标

可以在.wxml中添加一个自定义属性data-index;当点击的时候获取这个属性,

click:function(e){
	console.log(e);
	var index = e.target.dataset.index;
}

获取到之后就可以进行后续的改值了。(通过setData)