vue里边的冒泡处理

87 阅读 0 评论 58 点赞

我是靠谱客的博主懵懂蜻蜓，最近开发中收集的这篇文章主要介绍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里边的冒泡处理所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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