for循环的使用
例如循环产生"投票"两个字,循环的次数取决于data中的lists数组内容的数量。例如下面的代码将循环两次。
Page({
data: {
lists:[{},{}],
},
})
<block wx:for="{{lists}}" wx:key="{{index}}">
<text data-id="{{index}}" bindtap="toVote">[投票]</text>
</block> 其中{{index}}从0开始,每次循环加一。
每一个循环中的内容获取
在循环中的标签中设置data-XX="XXX",设置点击函数或其他函数(这里设置bindtap='toVote'),js文件中的函数如下:
toVote: function(event){
var id = event.currentTarget.dataset.id;//使用event.currentTarget.dataset.XX获取内容
console.log(id);
} 现在点击不同的循环,将在控制台输出该循环的内容。(这里点击两个"投票"将分别输出0,1)
本文介绍如何在小程序中使用for循环来动态生成多个相同结构的组件,并通过具体示例展示了如何根据循环索引进行交互处理。
1189

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



