微信小程序: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
相关推荐
前端 贾公子1 小时前
小程序 icon 解决方案 == iconify
小程序
博客zhu虎康1 小时前
音视频处理:微信小程序实现语音转文字功能
微信小程序·小程序
00后程序员张1 小时前
iOS上架工具,AppUploader(开心上架)用于证书生成、描述文件管理Xcode用于应用构建
android·macos·ios·小程序·uni-app·iphone·xcode
2501_915921432 小时前
只有 IPA 没有源码时,如何给 iOS 应用做安全处理
android·安全·ios·小程序·uni-app·iphone·webview
汤姆yu2 小时前
2026版基于微信小程序的儿童疫苗预约接种系统
微信小程序·小程序
CHU7290352 小时前
趣味抽赏,解锁惊喜——扭蛋机盲盒抽赏小程序前端功能解析
前端·小程序
毕设源码-朱学姐3 小时前
【开题答辩全过程】以 汇华商场停车位预约小程序为例,包含答辩的问题和答案
小程序
偷偷摸鱼的少年3 小时前
小程序提现功能升级改造
微信小程序
2501_915921433 小时前
iOS APP上架工具,在没有 Mac 的环境中发布苹果应用
android·macos·ios·小程序·uni-app·iphone·webview
吴声子夜歌4 小时前
小程序——视频
小程序·音视频