微信小程序-事件传参踩坑【有点坑】

引入

在平常写vue项目等等的时候，正常情况都是可以直接绑定事件并且传递参数的

	<button @click='m("msg")'> 点我触发事件 <button>

m(val){
	console.log(val)
}

坑小程序

在小程序中不能边绑定事件边传递参数

• 下面要报错，因为小程序不能！！！

<button bindtap='m("msg")'> 点我触发事件 <button>

m:function(val){
	console.log(val)
}

解决

• data-{{名字}}=“{{值}}”
• 在每个事件的参数e.target里面就有了你要传递的值

<button bindtap='m' data-val="msg"> 点我触发事件 <button>

m:function(e){
	console.log(e.target.dataset.val)
}