描述:父容器上有@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是阻止冒泡机制的