美文网首页
微信小程序:wx:for里面的对象和索引

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

作者: 寻找大海的鱼 | 来源:发表于2019-06-24 22:00 被阅读0次

一.基本说明

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/vipaqctx.html