微信小程序:wx:for里面的对象和索引

来源:简书 分类: 文章浏览史 发布时间:2020-08-29 13:47:18 最后更新:2020-08-29 浏览:165
转载声明:
本文为摘录自“简书”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-08-29 13:47:18

一.基本说明

wx:for 循环
wx:for-item=‘变量名(自定义)’ 代表当前循环对象
wx:for-index=‘变量名(自定义)’,当前对象的索引值

二.实例演示

1.wxml代码

<view wx:for="{{list}}" wx:for-index="bindex" data-item="item"  wx:key='index'>
  <view bindtap='indexTap'  data-bindex="{{bindex}}">
    {{bindex}},{{item.name}}
  </view>
</view>

2.js代码

js代码里可以通过options.currentTarget.dataset.bindex来获取当前对象的索引值

Page({
  data: {
    list: [{ "name": "wyh" }, { "name": "zhangsan" }, { "name": "wangwu"}]
  },

  indexTap: function(options){
    console.log(options.currentTarget.dataset.bindex)
  }
 
})

3.演示结果

image.png
php技术微信