微信小程序---for循环使用以及循环中的内容获取

来源:互联网 发布:如何摆脱贫穷知乎 编辑:程序博客网 时间:2024/05/13 07:48

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)