有關vue組件的點擊事件

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>

#共勉#
村上春樹說:「也許,不負光陰就是最好的努力,而努力就是最好的自己。」 共勉!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章