微信小程序中阻止事件冒泡

使用场景

如上图，这是一个活动的列表页面，当用户点击整个列表时，跳转到活动详情页面，当用户点击“去报名”按钮时，跳转到报名页面。但是当我们用"bindtap"事件绑定，点击“去报名”按钮后，会先跳转到报名页面，再跳转到活动详情页面。

 

问题分析

出现这个问题的原因，就是事件冒泡引起，关于事件冒泡我这里就不多讲了。

 

解决方法

解决方法就是要阻止事件冒泡，把“bindtap”改为“catchtap”就没问题了。