事件冒泡

例如

<div class="box" @click="danji()">

<el-button @click="xianshi()">默认按钮</el-button>

</div>

当我点击这个按钮会触发xianshi()事件。但是由于冒泡事件。当我点击这个按钮会触发xianshi()事件。还有他父亲的点击事件danji()，这就是事件冒泡。

就是当点击子元素的事件。如果父元素也有同样的事件的话。他就会一并的触发。

解决冒泡事件的方法

@click.stop