阻止登陆事件冒泡

Question

背景：
在实现blog的评论功能时，1.在blog中引用了login这个组件；2.在引用login组件的外层view，绑定了一个函数“goComment”。blog.wxml的代码如下

<!-- 博客内容 -->
<view class="blog-view">
<block wx:for="{{blogList}}" wx:key="_id">
<view class="blog-wrap" bindtap="goComment"  data-blogid="{{item._id}}">
  <h-blog-container blogList="{{item}}" />
  <h-blog-ctr iconfont="iconfont" icon-pinglun="icon-pinglun" icon-share="icon-share"/>
</view>
</block>
</view>

问题表现：
当点击评论时，会调起登陆的框，提示“请授权登陆”，当点击按钮后，会打开微信的授权提示页面，但是同时也会出发goComment这个函数，进入新的页面。

问题定位：
经过排查，猜测是因为在登陆组件发生了事件冒泡，导致触发了gocomment这个函数，但是我尝试了一些方法，无法解决该问题。希望老师指导。

Answer 1

谢成 2020-03-22 20:53:42

如果是事件冒泡问题的可以，可以把绑定事件的方式改一下，bindtap改成catchtap，catchtap可以阻止事件冒泡。