微信小程序 点击事件传参、currentTarget和target的区别

259 阅读1分钟

1、事件绑定及参数传递

数据传参使用data-xxx,命名规则为:data-id ---> id,data-some-data ---> someData
<view bindtap='goAttendanceDetail' data-id="{{attendanceValue.proNum1}}" data-some-data="{{attendanceValue.proNum2}}">查看明细</view>

2、事件定义及获取参数

goAttendanceDetail (e) {
    console.log(e);
    wx.navigateTo({ url: `/pages/attendanceDetail/attendanceDetail?id=${e.currentTarget.dataset.id}&data=${e.currentTarget.dataset.someData}` });
},

image.png

currentTarget 和 target的区别

currentTarget 事件绑定的当前组件/指向事件所绑定的元素

target 触发事件的具体源组件