微信小程序: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
相关推荐
幽络源小助理4 小时前
美食推荐系统微信小程序
微信小程序·小程序·美食
帅次4 小时前
Flutter Container 组件详解
android·flutter·ios·小程序·kotlin·iphone·xcode
深空数字孪生6 小时前
小程序 UI 设计,怎样在方寸间实现高效交互
ui·小程序·交互
幽络源小助理6 小时前
超市售货管理平台小程序
小程序
帅次9 小时前
Flutter setState() 状态管理详细使用指南
android·flutter·ios·小程序·kotlin·android studio·iphone
浩宇软件开发9 小时前
基于微信小程序的天气预报app
微信小程序·小程序·天气app
用户61204149221310 小时前
小程序做的超市商品管理系统
微信小程序·敏捷开发·小程序·云开发
说私域11 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的项目投资保障研究
人工智能·小程序·开源·零售
程序员小刘11 小时前
基于鸿蒙 HarmonyOS 5 打车小程序案例
华为·小程序·harmonyos
顽强d石头11 小时前
【uniapp】小程序中input输入框的placeholder-class不生效
前端·小程序·uni-app