小程序for循环绑定每组数据的id，并通过id获取里面某个数组的值的方法

weixin_34092370

于 2017-06-20 09:34:00 发布

阅读量825

点赞数

CC 4.0 BY-SA版权

文章标签：数据库

原文链接：http://www.cnblogs.com/yiweiyihang/p/7052774.html

本文介绍了一个使用WXML和JS实现的简单示例，展示了如何通过事件处理函数获取WXML中元素的数据，并在控制台输出。此示例利用了wx:for指令来遍历数据数组，并通过bindtap绑定点击事件。

WXML:

<block wx:for="{{nums}}" wx:for-index='key' wx:for-item='item'>

  <view class="maxbox"  bindtap="imgchange"  id="{{key}}">
    <text class="nums">{{item.num}}</text>
  </view>

</block>

JS:

Page({  
    data: {
      nums:[
        {num:11},
        {num:22}
      ]
    }, 
    imgchange: function (event) {
      //获取当前item的下标id  通过currentTarget.id
      var id = event.currentTarget.id;
        console.log(id);
      var nums = this.data.nums[id].num;
      console.log(nums);

    },
})