微信小程序:wx:for里面的对象和索引
2019-06-24 本文已影响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.演示结果
