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

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

作者: CoderZb | 来源:发表于2021-04-27 10:05 被阅读0次

    问题描述:以下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)
      },
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/eururltx.html