v-on 與修飾符


按鍵修飾符(偏向鍵盤事件)

### 別名修飾.enter(修飾符) -> @keyup.enter=""

  • 當我們在這裡加入.enter修飾符,代表只有在按下enter鍵才會觸發該事件

### 相應按鍵/組合按鍵.shift.enter=""

  • 就是說當我們在按下shift+enter才會觸發該事件

###特定鍵@keyup.h=""

  • 按下特定按鍵h才會觸發該事件
    ## 滑鼠修飾符(偏向滑鼠事件)
    ###滑鼠左鍵 @click.left=""

###滑鼠中鍵 @click.middle=""

###滑鼠右鍵 @click.right=""

事件修飾符(不分滑鼠或鍵盤,只論事件)

.prevent -調用event.preventDefault()

  • 停止預設事件,表單點選後的預設送出行為
  • a連結的點選會跳頁

.once - 只觸發一次回調

  • 事件監聽器,只觸發一次
    ### 以下是用來調整冒泡事件的:
    #### .stop 防止向外尋找
  • 在觸發該事件後,雖然不會向外觸發事件
  • 但該事件的內元素/內層事件也會被觸發
    #### .capture 事件監聽時使用capture,事件改為由外而內觸發

.self

  • 當我點擊哪個事件,就只觸發該事件,不會向外或向內繼續尋找事件
#v-on與修飾符







你可能感興趣的文章

Day07 LIFF (LINE Front-end Framework)

Day07 LIFF (LINE Front-end Framework)

側邊選單

側邊選單

[學學ReactNative] DAY1 - 前言與動機:為何選擇 React Native?

[學學ReactNative] DAY1 - 前言與動機:為何選擇 React Native?






留言討論