微信小程序中,通过e.currentTarget.dataset可以获取到事件绑定的当前组件的自定义属性值。如果出现了e.currentTarget.dataset问题,可以按照以下步骤进行解决: 确保事件绑定正确:检查事件绑定是否正确,包括事件名和绑定的组件是否正确。可以在组件上添加debugger语句,通过debug模式查看事件是否触发。 确保e对象存在:在事件处理函...
小程序中的e.target与e.currentTarget e.target是tap点击事件触发的对象(也就是点击的是谁) e.currentTarget是事件绑定在哪个元素上(也就是这个事件在哪个组件上) 案例1: 案例1,console打印结果,如下图: tap1与tap3使用的是bind关键字绑定tap事件,因为tap事件属于冒泡事件,所以会发生事件冒泡。当点击middle View,...
看代码可知,这里是自定义了一个名字为id的dataset,因此在事件函数中,我们可以通过e.currentTarget.dataset.id访问到绑定到该组件的自定义数据。 修改: //事件处理函数tosubordinate:function(e) {varworkerId = e.currentTarget.dataset.workerid;console.log("workerId---"+ workerId); wx.navigateTo({url:'../...
4、e.currentTarget.dataset、e.target.dataset 用法,console.log(e) 调试技巧。 5、难点:数组数据下标为动态数据时的取值方法。 项目要求: 1、构建 WXML 模板。 2、使用 wx:for 循环输出四个图片,每个图片包含一个 view 组件。每个 view 中 上传者:weixin_38503448时间:2021-03-29 ...
在小程序中,事件分为2种,冒泡与非冒泡。这不是重点!由于是要理清e.target和e.currentTarget的区别,所以下面从e入手来说。e为事件对象,可以携带额外信息,如 id, dataset, touches。 小程序中,事件对象不止一种,如基础事件对象、自定义事件对象等,下面只对普遍且常用的基础事事件对象进行一个说明!
"currentTarget": { "id": "tap1", "dataset": { "hi":"绑定组件" } } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 3、data-hi和dataset,这两个属性有什么关系呢? dataset的值其实就是我们设置的data-xxx(html中常见的自定义属性的写法,而在小程序中,则被用来传参)的值,...
view标签加bindtap事件,用data-name传值,如果view中只有文字,点击整个view区域都可以接收到data-name的值,如果view里面加一个lable标签,那么点击lable包裹的区域,data-name取不到值。解决方法:把取值方式由e.target.dataset.carrierName修改为e.currentTarget.dataset.carrierName即可!
e.target.dataset一会有数据一会又undefined console.log(e)就能看到e对象中包含两个对象分别是currentTarget和target,而真正的数据包含在currentTarget©著作权归作者所有,转载或内容合作请联系作者 1人点赞 小程序的踩坑之路 更多精彩内容,就在简书APP "小礼物走一走,来简书关注我"赞赏支持还没有人赞赏,支持一下...
target 是触发该事件的源头组件,而 currentTarget 则是当前事件所绑定的组件 点击内部的按钮时,点击事件以==冒泡==的方式向外扩散,也会触发外层 view 的 tap 事件处理函数。 此时,对于外层的 view 来说: e.target 指向的是触发事件的源头组件,因此,==e.target 是内部的按钮组件== ...
Page({data:{name:'',age:''},inputValue(e){const{name}=e.currentTarget.dataset;this.setData({[name]:e.detail.value});},submitData(e){const{name,age}=this.data;// 将数据发送给后台服务器wx.request({url:'method:'POST',data:{name,age},success:(res)=>{wx.showToast({title:'提交成功...