vue里边的冒泡处理

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

父容器

子元素1

子元素2

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

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

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

你可能感兴趣的:(前端日常填坑,vue)