uniapp 如何阻止事件向上冒泡

追格官方小助手/ 2022年08月04日/ 小程序/ 浏览 10018

在实际开发中,经常会遇到父元素和子元素绑定不同事件的情况,这时候点击子元素,父元素绑定的事件也会同时响应。如何避免事件向上冒泡呢?


在原生微信小程序开发时,有两种绑定点击事件的方法,bindtap和catchtap,bindtap会向上冒泡,catchtap不会冒泡。


在使用 uniapp 开发时,@click 使用最多,如果想禁止click事件冒泡,需要使用事件修饰符 stop,即写作 @click.stop。


<!-- 阻止单击事件继续传播 -->
<view @click.stop="doThis"></view>


其他事件处理方法相同。

发表评论

暂无评论,抢个沙发...

客服 工单