方法/步骤
在小程序中为了实现一个中添加多个内容重复的标签，那就需要使用循环。如果按小程序的简易教程，循环加在中，而放在里面。所有数据都会遍历到每一个中。这不是我们想要的。
在微信小程序中有个属性,是指当点击列表元素时当按下鼠标左键会显示样式,但是鼠标离开样式就会复原.
请点击输入图片描述
核心点：模板文件中使用三元运算符,通过dateCurrent指定当前item的id。
请点击输入图片描述
在组件上使用控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item 事例。
请点击输入图片描述
接着用在标签上，以渲染一个包含多节点的结构块。
请点击输入图片描述
接着只需要把放入文件中就可以，把循环数据绑定到上就可以了。
请点击输入图片描述
<html><head>
<title>无标题</title>
</head>
<body>
<script type="text/javascript">
var ac = ['id1','id2']
var ad = ['title1','title2']
var ae = ['uid1','uid2']
var af = ['utitle1','utitle2']
var r=[]
for(var i=0i<ac.lengthi++)
r.push({id:ac[i],title:ad[i],ulist:[{uid:ae[i],utitle:af[i]}]})
//输出，以进行核对
document.write("[")
for(var i=0i<r.lengthi++)
{
document.write("{")
document.write("id:'"+r[i]['id']+"',")
document.write("title:'"+r[i]['title']+"',")
document.write("ulist:[{uid:'"+r[i]['ulist'][0]['uid']+"',")
document.write("utitle:'"+r[i]['ulist'][0]['utitle']+"'}]")
document.write("}")
if(i!=r.length-1)
document.write(",<br />")
}
document.write("]")
</script>
</body>
</html>
获取page数据,看代码：var text=this.data.name ，这样就获取到初始化的值page({
data:{name:"test"},
showData:function(){
var text=this.data.name
}
})
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）