微信小程序 wx:for 点击事件

Aaron - Wistron

于 2018-02-25 17:41:25 发布

阅读量1.4w

点赞数 4

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/Aaron121314/article/details/79370166

微信小程序专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在WXML中为列表的每一项添加点击事件并获取每项的数据。通过设置bindtap属性和使用dataset来捕获点击事件，进而实现导航等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为列表的每个小项都添加点击事件，并获得每个项的一些数据。

wxml中：

  <view wx:for="{{array}}">
    <view bindtap='click' data-name='{{item.name}}'>{{item.name}}</view>
  </view>

click是点击事件，data-any这个后面的any可以是任何自己定义的。item是默认的，name是JS中定义的。

Page({
  data: {
    array: [{ "name": "logs" },{"name":"scroll-view"}]
  },
  click: function (e) {
    //获取到name对应的值
    var name = e.currentTarget.dataset.name;
    console.log("a",name);



    wx.navigateTo({
      url: '../logs/logs',
    })
  }
})