js事件默認(rèn)冒泡：

? ? ? 點(diǎn)擊內(nèi)層的元素會(huì)觸發(fā)外層的事件。（解決方法如下：）

事件修飾符

vue提供了事件修飾符，可以修改默認(rèn)的事件觸發(fā)機(jī)制：

• .stop 阻止冒泡

• .prevent 阻止默認(rèn)事件

• .capture 添加事件偵聽(tīng)器時(shí)使用事件捕獲模式

• .self 只當(dāng)事件在該元素本身（比如不是子元素）觸發(fā)時(shí)觸發(fā)回調(diào)

• .once 事件只觸發(fā)一次

以 .stop 為例

<div class="grandfather" @click="catchGrandfather">
    <div class="father" @click="catchFather">
        <!-- 阻止此元素向上冒泡 -->
        <div class="son" @click.stop="catchSon"></div>
    </div>
</div>

參考網(wǎng)站：http://www.itdecent.cn/p/484bfc98e7ff