当前位置: 首页> 娱乐> 八卦 > 微信小程序使用bindtap事件data-xxx传值无法获取

微信小程序使用bindtap事件data-xxx传值无法获取

时间:2025/7/12 6:20:03来源:https://blog.csdn.net/weixin_35773751/article/details/139538178 浏览次数:0次

文章目录

    • 1.实例代码
    • 2.原因分析
    • 3.解决办法

1.实例代码

index.wxml

<view data-hi="数据1" bindtap="menuTouch"><image mode="aspectFit" src="{{item.src}}"></image><text class="menu-item-text">{{item.text}}</text></view>

index.js

menuTouch(e){console.log(e.target.dataset)
},

现象:点击view触发menuTouch事件,在.js中打印e.target.dataset,没有得到hi的数据。

2.原因分析

currentTarget指向事件所绑定的元素,target始终指向事件发生时的元素

3.解决办法

通过currentTarget属性获取数据

menuTouch(e){console.log(e.currentTarget.dataset)
},
关键字:微信小程序使用bindtap事件data-xxx传值无法获取

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: