微信小程序: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
相关推荐
云起SAAS20 分钟前
计算器抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·计算器·看广告变现轻
蒲公英源码1 小时前
AI智能办公系统:一体化OA解决方案,支持PC/公众号/H5/App/小程序
人工智能·小程序
弘毅 失败的 mian1 小时前
Linux 编程第一个小程序:进度条
linux·经验分享·笔记·小程序·apache
2501_915918411 小时前
iOS 手机抓包软件怎么选?HTTPS 调试、TCP 数据流分析与多工具组合的完整实践
android·ios·智能手机·小程序·https·uni-app·iphone
十五喵1 小时前
游戏助手|游戏攻略|基于SprinBoot+vue的游戏攻略系统小程序(源码+数据库+文档)
vue.js·游戏·小程序
毕设源码-赖学姐1 小时前
【开题答辩全过程】以 防诈反诈宣传教育小程序为例,包含答辩的问题和答案
小程序
游戏开发爱好者81 小时前
iOS 应用上架的工程实践复盘,从构建交付到审核通过的全流程拆解
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张2 小时前
iOS App 如何上架,从准备到发布的完整流程方法论
android·macos·ios·小程序·uni-app·cocoa·iphone
计算机徐师兄2 小时前
Java基于微信小程序的贝壳活动助手【附源码、文档说明】
java·微信小程序·贝壳活动助手·贝壳活动助手小程序·贝壳活动助手微信小程序·java贝壳活动助手小程序·java贝壳活动助手微信小程序