微信小程序: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
相关推荐
木易 士心2 小时前
组织架构树形选择组件使用说明(Vue3 + UniApp)
微信小程序·钉钉·notepad++
软件技术员3 小时前
微信小程序电子测宅堪墓风水罗盘
微信小程序·小程序
future_studio3 小时前
聊聊 Unity(小白专享、C# 小程序 之 播放器)
unity·小程序·c#
Q_Q5110082853 小时前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
小Tomkk4 小时前
Rokid 开发空间小程序 实战
3d·小程序·rokid·jsar
说私域4 小时前
基于多模态AI技术的传统行业智能化升级路径研究——以开源AI大模型、AI智能名片与S2B2C商城小程序为例
人工智能·小程序·开源
2501_916007475 小时前
iOS 混淆工具链实战,多工具组合完成 IPA 混淆与加固(iOS混淆|IPA加固|无源码混淆|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者87 小时前
FTP 抓包分析实战,命令、被动主动模式要点、FTPS 与 SFTP 区别及真机取证流程
运维·服务器·网络·ios·小程序·uni-app·iphone
努力就够了7 小时前
微信小程序:日常零售供应系统
微信小程序·erp·接单·零售系统
说私域8 小时前
基于开源AI大模型、AI智能名片与S2B2C商城小程序的购物中心精准零售数据架构研究
人工智能·小程序·开源