微信小程序 如何阻止事件冒泡?
微wx笑 2019-10-12【常见问题】 12 0关键字: 微信小程序 事件冒泡
界面布局中我们可能经常遇到这样的情况,view 绑定了 binktap 事件处理程序,而view中还是按钮之类的也绑定了事件处理程序,但这就出现一个问题,点击view中的按钮时,view的事件也被触发了。
微信小程序 如何阻止事件冒泡?
界面布局中我们可能经常遇到这样的情况,view 绑定了 binktap 事件处理程序,而view中还是按钮之类的也绑定了事件处理程序,但这就出现一个问题,点击view中的按钮时,view的事件也被触发了。
通常我们在.wxml文件中这样绑定事件处理程序:
<view bindtap="setCount" data-id='{{item.id}}'></view>
而要阻止事件冒泡,把 bindtap 换成 catchtap 就可以了:
<button class="btnadd" data-id='{{item.id}}' data-idx="{{index}}" catchtap="btnAdd">+</button>
本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/collection/miniprogram/issue/2019-10-12/252.html