收藏
回答

按分享button(share),会穿透影响父级bindtab的事件

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug button 微信iOS客户端 6.6.7 2.2.1

功能描述:

商品列表,带有分享转发功能,但是每次点击都影响外层的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>


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

最后一次编辑于  2018-08-22
回答关注问题邀请回答
收藏

2 个回答

  • 杉杉爱吃鱼🐳
    杉杉爱吃鱼🐳
    2018-07-25

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

    2018-07-25
    有用 2
    回复 4
    • 刘刘刘克
      刘刘刘克
      2018-08-21

      是catchtap,不是catchtab


      2018-08-21
      回复
    • 杉杉爱吃鱼🐳
      杉杉爱吃鱼🐳
      2018-08-22回复刘刘刘克

      嗯嗯

      2018-08-22
      回复
    • 2018-09-11

      我也碰到了同样的问题。请问楼主catchtap这个属性 Button 里没有  怎么加的? 没有效果。

      2018-09-11
      回复
    • 杉杉爱吃鱼🐳
      杉杉爱吃鱼🐳
      2018-09-11回复

      catchtap 是通用属性,直接加上去就可以用啦~

      下面是我应用的xml代码

      <button class="{{(isPhone && !sendCode)? 'getCodeBtn' : 'unCodeBtn'}}" catchtap="{{(isPhone && !sendCode) ? 'getPhoneCode' :''}}" disabled='{{sendCode}}' formType="submit"  >


      2018-09-11
      回复
  • 是小白啊
    是小白啊
    2018-07-24

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

    2018-07-24
    有用
    回复 2
    • 杉杉爱吃鱼🐳
      杉杉爱吃鱼🐳
      2018-07-25

      这个是:wechatide://minicode/U1h61amN7u1Q

      2018-07-25
      回复
    • 杉杉爱吃鱼🐳
      杉杉爱吃鱼🐳
      2018-07-25

      这个是:wechatide://minicode/U1h61amN7u1Q


      所有机型都会有这个问题,微信版本:6.6.7

      2018-07-25
      回复
登录 后发表内容