修饰符

事件修饰符

.stop

阻止事件继续传播, 一般用于阻止事件冒泡

.self

只处理自己的事件

.prevent

阻止标签默认行为，比如： 阻止a链接的跳转

.once

事件只会触发一次， 适用于抽奖页面

v-model修饰符

.lazy: v-model同步输入框的值和数据，加上此修饰符后，当光标移走，页面刷新，增加效率

<input v-model.lazy="msg">

.number: 数字开头，只保留数字，后面的字母不保留；字母开头，都保留

<input v-model.number="msg">

.trim: 去除首尾的空格

<input v-model.trim="msg">

键盘事件

也可以是对应的 Ascll 码

也可以传多个值

例如：

<input type="text" @keyup.alt.65="submit">   # 同时按下alt键和a键

.enter

.tab

.esc

.space

.up

.down

.ctrl

.alt

.shift

.right

举个例子：

当输入框输入内容时，按下 enter 键， 就会显示相应的内容

代码展示

# html代码
   <input type="text" @keyup.enter="submit" v-model="something">
   <br>
   <input type="text" v-model="str01" style="border: 0;">

#JavaScript 代码

   data: {
       something: '',
       str01: '',
   },
   methods: {
       submit() {
           this.str01 = this.something
       }
   },

浏览器展示