1、vue中組件的點擊事件的修飾符:
普通的html元素標籤幾乎點擊事件
但在vue組件中,是不支持的,要使用一個 native修飾符纔可以:
如上圖所示,這個BackTop是我自己寫的一個組件,結果發現給它加了一個add的點擊事件,結果在頁面點擊的時候發現觸發不了,然後我就在click的後面加了一個native修飾符後就發現能觸發了;
2、vue中取消事件冒泡:
Vue.js 爲 v-on 提供了 事件修飾符。通過由點(.)表示的指令後綴來調用修飾符。
- .stop 阻止事件冒泡
<div @click="close" class="fixedCover">
<div class="inner" @click.stop>
<img src="/images/close.png" alt class="close_img" @click="close">
<p>暱稱</p>
</div>
</div>
#共勉#
村上春樹說:「也許,不負光陰就是最好的努力,而努力就是最好的自己。」 共勉!