微信小程序 点击事件和点击传参

2023-10-05  本文已影响0人  暴躁程序员

在 wxml 模板文件中传递点击参数,通过 data-属性名 的方式传递
在 js 脚本文件的方法中获取点击参数,通过方法参数的 currentTarget.dataset 属性获取参数

  1. 在 wxml 文件中
<view class="container">
  <view bindtap="getDetail" data-id="1" data-user="{{ userinfo }}">
    点击
  </view>
</view>
  1. 在 js 文件中
Page({
  data: {
    userinfo: {
      name: 'zhangsan',
      age: 18,
    }
  },
  getDetail: function (e) {
   console.log(e.currentTarget.dataset.id);
   console.log(e.currentTarget.dataset.user);
  },
})
上一篇 下一篇

猜你喜欢

热点阅读