微信小程序,点击时子元素获取在父元素上绑定的值

问题描述:以下index.wxml代码,子元素是imagetext,父元素是带有类选择器的class='scroll-x-item bg_white的view元素bindtap点击事件写在了父元素view中,但是点击子元素时,无法获取父元素中绑定的值。

index.wxml代码 `

<view>
  <scroll-view scroll-x class='scroll-view-x' style="width:100%">
    <view class='scroll-view-x'>
      <view class='scroll-x-item bg_white' wx:for="{{topTabTypeList}}" wx:key="index" bindtap="topBtnClick" data-item="{{item}}">
        <image src="{{item.img}}" style="width:50rpx;height:50rpx;margin-bottom:18rpx;"></image>
        <text>{{item.title}}</text>
      </view>
    </view>
  </scroll-view>
</view>

解决办法:需要将target改为currentTarget

 topBtnClick(item){ //跳转商品详情
    // console.log(item.target.dataset.item.title)
    console.log(item.currentTarget.dataset.item.title)
  },
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容