当前位置:   article > 正文

原生微信小程序踩坑(二)------单击事件的传参问题_原生小程序全埋点用户点击

原生小程序全埋点用户点击

在原生微信小程序中,单击事件的传参不像vue中的**@click="btn(10)"这样,直接将参数传递过去了,而是要使用data-xxx**的形式将相应的参数进行传递,data-后的xxx是自定义的参数名,bindtap只需要绑定相应的事件名称即可

<!--vue的传参-->
<button @click="btn(10)">vue按钮</button>

<!--原生微信小程序的传参-->
<button data-num="10" bingtap="btn">微信小程序按钮</button>
  • 1
  • 2
  • 3
  • 4
  • 5

在处理事件参数的时候vue是直接将传递过来的参数进行使用,而原生微信小程序是通过事件参数e来进行调用的

//vue参数的使用,代码接上面示例
btn(a){
	console.log(a)//打印结果为10
}

//原生微信小程序的参数使用,代码接上面示例
btn(e){
	console.log(e)//打印结果看下面图示
	console.log(e.currentTarget.dataset.num)//打印结果为10,num对应为data-后的参数名
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

原生微信小程序事件参数e的打印结果截图:
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/489719
推荐阅读
相关标签
  

闽ICP备14008679号