美文网首页
微信小程序 点击事件和点击传参

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

作者: 暴躁程序员 | 来源:发表于2023-10-05 13:27 被阅读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);
  },
})

相关文章

网友评论

      本文标题:微信小程序 点击事件和点击传参

      本文链接:https://www.haomeiwen.com/subject/ijvkbdtx.html