#vue# vue阻止事件冒泡

需求/问题：

父盒子设置了一个点击事件，子盒子也设置了一个点击事件，

为了不点击子盒子时，会触发父盒子的点击事件，

在这个时候，我们需要设置阻止冒泡事件

方法：

只需要在子盒子的点击事件里，加stop就可以起到阻止的效果

@click.stop=""

<div @click="toDetail"> // 父盒子
    <div @click.stop="toPreDetail"></div> //子盒子1
    <div></div> //子盒子2
</div>

​​​​​​