微信小程序bind函数携带参数

原创已于 2023-11-14 09:08:58 修改 · 1.4w 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

微信小程序

于 2019-03-04 13:45:47 首次发布

本文详细介绍了微信小程序中如何使用dataset属性来携带bind事件参数。通过实例展示如何定义和获取组件数据，以便在事件触发时传递给服务端，实现更灵活的事件处理。

微信小程序开发过程中，有很多bind事件需要携带一些参数，比如点击list的某个item时需要知道点击了第几行。一下是官方文档原文：

dataset

在组件中可以定义数据，这些数据将会通过事件传递给 SERVICE。书写方式：以data-开头，多个单词由连字符-链接，不能有大写(大写会自动转成小写)如data-element-type，最终在 event.currentTarget.dataset 中会将连字符转成驼峰elementType。
示例：

<view data-alpha-beta="1" data-alphaBeta="2" bindtap="bindViewTap">
  DataSet Test
</view>
Page({
  bindViewTap(event) {
    event.currentTarget.dataset.alphaBeta === 1 // - 会转为驼峰写法
    event.currentTarget.dataset.alphabeta === 2 // 大写会转为小写
  }
})