vue的鍵盤修飾符

2021-09-28 22:23:39 字數 609 閱讀 8827

vue的鍵盤修飾符就是在按下按鍵或者彈起按鍵的時候執行某個操作

>

>

>

}h4>

type

="text"

name="

" id="

" @keyup.enter

="add"

v-model

="msg2"

>

div>

>

var vm=

newvue(,

methods:}}

);script

>

body

>

此時就是按下enter鍵 就執行add事件

如果需要自定義別的按鍵的話就需要使用鍵盤碼

例如print鍵的鍵盤碼是33,則keyup後面跟的就是鍵盤碼

type

="text"

name="

" id="

" @keyup.33

="add"

v-model

="msg2"

>

這樣就可以了

vue修飾符與事件修飾符

前言 在乙個控制項中使用修飾符 可以對控制項或操作做出一定的改變或者約束 修飾符作用 lazy v model在input事件秀實況中轉變為在change事件中同步 number 將使用者舒服的值轉換為number型別 trim 自動過濾使用者輸入的首尾空格 stop 阻止冒泡 prevent 阻止...

vue的修飾符

在預設情況下,v model在每次input事件觸發後將輸入框的值與資料進行同步 你可以新增lazy修飾符,從而轉變為使用change事件進行同步 如果想自動將使用者的輸入值轉為數值型別,可以給v model新增number修飾符 這通常很有用,因為即使在type number 時,html 輸入元...

vue學習 vue修飾符

vue為v on或者 的方式提供了事件修飾符,通過點 表示的指令字尾來呼叫修飾符。如v on click.stop。stop 阻止事件向外冒泡 prevent 阻止預設行為 capture 將事件冒泡改為事件捕獲的方式 self 只會觸發自己的預設行為,也就是說只有在e.target e.curre...