异常处理——bindtap/catchtap绑定事件冒泡情况

WeChat小程序交流（QQ群：769977169）

组件的响应事件绑定，既可以通过bindtap方式，也可以通过catchtap方式。

如果多层嵌套的组件中，同时使用bindtap方式，可能会造成冒泡异常，也就是本应该响应A事件的，却既响应了A事件，也响应了B事件，所以这时候应该需要使用catchtap方式。如：

1、A组件中，绑定事件A1；

2、B组件中，绑定事件B1，且B组件被A组件包含；

3、如果绑定事件A1是通过bindtap实现，且绑定事件B1也是通过bindtap实现，则绑定事件B1执行时，也同时执行了绑定事件A1，这种情况就称为冒泡；

4、如果绑定事件A1是通过bindtap实现，而绑定事件B1是通过catchtap实现，则绑定事件B1执行时，不会执行绑定事件A1；

bindtap绑定事件和catchtap绑定事件，两者存在区别，如下代码所示：

<view bindtap='detailClick'></view>
<view catchtap='detailClick'></view>

detailClick: function (even) {
    wx.showToast({
      title: '详情',
    })
    console.log(even)
 },

bindtap绑定事件，能够打印出even信息；而catchtap打印不出even信息。即catchtap是不能获取到被绑定的组件的信息。