• 2018年12月10日

微信小程序wx:for循环如何获取当前点击的数据?

微信小程序专用网站空间

wx:for是用来循环列出数组数据的,但是官方并没有明确的说明如何获取当前点击项目的数据,经过研究,可以给循环的组件一个bingtap指定函数,然后通过函数获取e.target.id来获取。代码如下:

<view wx:for=”{{dataList}}” wx:for-index=”id” bindtap=”tapAction”>
  <ui-col id=”{{id}}”>{{item.title}}</ui-col>
</view>

data{
  dataList:[{Id:1,title:”微信小程序开发”},{Id:2,title:”随便看看”}]
},
tapAction(e)
{
  var id = this.data.dataList[e.target.id].Id
}

简要说明:

  • wx:for-index=”id” 应该是定义排序字段使用的键名
  • id=”{{id}}” 这里面的id是对上面定义的键名的引用
  • this.data.dataList[e.target.id].Id 这里的e.target.id获取到的就是上面的id,但是是从0开始的序号,不是直接的数据Id

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注