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

哟哟-

于 2023-12-21 16:16:47 发布

阅读量616

点赞数 4

分类专栏：微信小程序文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/qq_29517595/article/details/135133636

版权

微信小程序专栏收录该内容

3 篇文章

订阅专栏

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

解决办法：

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

示例：

<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为空，如下这种：

currentTarget: {
	dataset: {}
}
...others