按分享button(share),会穿透影响父级bindtab的事件
发布于 6 年前 作者 lichao 11205 次浏览 来自 问答

功能描述:

商品列表,带有分享转发功能,但是每次点击都影响外层的bindtab进入商品详情的事件,导致按分享会跳转至商品详情页面。

用z-index控制分享按钮也一样没有得到解决,

以下是该功能简写代码


<view class=‘pItem’ bindtap=‘selectProductById’  data-productId="{{item.id}}">

   <view class=‘showShareMenu’ wx:if="{{isAuthorization && showShareInfo == ‘1’}}" >

       <view class=‘profit’ >利润¥view>

       <view class=‘share-link’>

           

           <button class=‘shareBtn’ hover-class=“none” open-type=“share”  data-index="{{index}}" >

               <image src=http://mamatx.com.cn/order/carouselImgs/1529404470778.png >image>

           button>

       view>

   view>

view>


不想重新布局,希望能得到解决方案,。

2 回复

问题得到解决了,向button标签内,添加catchtap属性就可以了。hover-stop-propagation属性是组织父节点出现点击态,不是组织tab向上传递!

你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

回到顶部