微信小程序怎样点击传值

228 阅读 0 评论 151 点赞

我是靠谱客的博主彩色黑米，这篇文章主要介绍微信小程序怎样点击传值，现在分享给大家，希望可以做个参考。

微信小程序怎样点击传值

微信小程序点击传值的方法：

1、首先在wxml中使用data-来添加自定义属性；

2、然后通过bindtap来绑定点击事件；

3、最后在js中用currentTarget来获取传递的值即可。

推荐学习：小程序开发

代码示例：

wxml:

data-参数名="值"

bindtap="函数名"

复制代码<view class="buy-button {{cap_select == 100 ? 'zp-active': ''}}" data-cap="100" bindtap="choose_cap">
  <text>100ML n (2两)</text>
</view>1
2
3
<view class="buy-button {{cap_select == 100 ? 'zp-active': ''}}" data-cap="100" bindtap="choose_cap">
  <text>100ML n (2两)</text>
</view>
登录后复制

JS：

复制代码choose_cap(e) {
  // 通过 currentTarget 获取传递进来的值
  console.log(e.currentTarget.dataset.cap);
  console.log(e);
},1
2
3
4
5
choose_cap(e) {
  // 通过 currentTarget 获取传递进来的值
  console.log(e.currentTarget.dataset.cap);
  console.log(e);
},
登录后复制

PHP中文网，大量网站建设教程，欢迎学习！

以上就是微信小程序怎样点击传值的详细内容，更多请关注靠谱客其它相关文章！