vue里边的冒泡处理

231 阅读 0 评论 153 点赞

我是靠谱客的博主懵懂蜻蜓，这篇文章主要介绍vue里边的冒泡处理，现在分享给大家，希望可以做个参考。

描述：父容器上有@click、子元素里也有@click、那么点击子元素、会触发父容器的函数。可以用@click.stop解决。

<div @click="foo1">
父容器
<p @click.stop="foo2">子元素1</p>
<p @click="foo3">子元素2</p><
</div>

点击子元素1、触发foo2函数、点击子元素2触发foo1

原因就是事件的冒泡机制点击子元素、默认冒泡回父元素

可能有不正确的地方、因为这个是在路由跳转的时候出现的。其他的未测试，我应该说的不对、but @click.stop是阻止冒泡机制的

以上就是懵懂蜻蜓最近收集整理的关于vue里边的冒泡处理的全部内容，更多相关vue里边内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。