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

Posted 小毛驴

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序for循环绑定每组数据的id,并通过id获取里面某个数组的值的方法相关的知识,希望对你有一定的参考价值。

<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>
技术分享图片
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);

    },
})

以上是关于小程序for循环绑定每组数据的id,并通过id获取里面某个数组的值的方法的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 wxml文件中嵌套循环

从 JSON 数据中获取产品 ID 并通过 AJAX 发布

小程序踩坑:获取图片id后显示不成功

动态生成标签并绑定带参数事件

小程序循环二维数组渲染列表

小程序循环二维数组渲染列表