微信小程序:wx:for 获取view点击的元素currentTarget.dataset为空

  • 遍历数组渲染一组view
  • 通过bindtap事件获取点击的元素

解决办法:

在遍历时,设置data-item即可。

示例:

xml 复制代码
<view 
    wx:for="{{types}}" 
    data-item="{{item}}"
    wx:key="key" 
    bindtap="syntheActiveItem"
    class='radio {{ activeItem === item.key ? "active" : ""}}'
>
    <view>{{item.label}}</view>
    <image src="{{item.img}}" mode=""/>
</view>

说明:

  • 获取到元素为空,是因为data-item设置错误,这是重点!!! bindtap方法传入的是data-item的值
  • data-item设置错误或不设置,currentTarget.dataset为空,如下这种:
json 复制代码
currentTarget: {
	dataset: {}
}
...others
相关推荐
CHU7290357 分钟前
生鲜商城小程序前端功能版块:适配生鲜采购核心需求
前端·小程序
hnxaoli13 分钟前
通信小程序(九)快捷键自动改名
linux·python·小程序
2501_9159184143 分钟前
中小团队发布,跨平台 iOS 上架,证书、描述文件创建管理,测试分发一体化方案
android·ios·小程序·https·uni-app·iphone·webview
2501_933907211 小时前
宁波小程序公司是什么?主要提供宁波微信小程序制作与服务吗?
科技·微信小程序·小程序
CHU7290353 小时前
废品回收小程序前端功能设计逻辑与实践
前端·小程序
小小王app小程序开发3 小时前
上门家政服务小程序盈利模式分析(附技术落地要点)
小程序
码云数智-大飞3 小时前
微信商城小程序怎么弄?2026年主流小程序商城平台对比
微信小程序
蜕变菜鸟3 小时前
小程序分享
小程序
2501_915106324 小时前
iOS 如何绕过 ATS 发送请求,iOS调试
android·ios·小程序·https·uni-app·iphone·webview
计算机毕设指导64 小时前
基于微信小程序的非物质文化遗产推广管理系统【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven