vue修饰符

1、表单修饰符(重点):

.lazy - 取代 input 监听 change 事件

.number - 输入字符串转为有效的数字

.trim - 输入首尾空格过滤

2、事件修饰符(重点):

.stop

.prevent

.capture

.self

.once

.passive

使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。因此,用 

v-on:click.prevent.self 会阻止所有的点击,而

 v-on:click.self.prevent 只会阻止对元素自身的点击。

...

...

3、.sync 修饰符

https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6

4、按键修饰符:

.enter

.tab

.delete (捕获“删除”和“退格”键)

.esc

.space

.up

.down

.left

.right

5、系统修饰符(win 和 mac系统有区别)

.ctrl

.alt

.shift

.meta

.exact

注意:在 Mac 系统键盘上,meta 对应 command 键 (⌘)。在 Windows 系统键盘 meta 对应 Windows 徽标键 (⊞)。在 Sun 操作系统键盘上,meta 对应实心宝石键 (◆)。在其他特定键盘上,尤其在 MIT 和 Lisp 机器的键盘、以及其后继产品,比如 Knight 键盘、space-cadet 键盘,meta 被标记为“META”。在 Symbolics 键盘上,meta 被标记为“META”或者“Meta”。

     

Do something

.exact修饰符(修饰符允许你控制由精确的系统修饰符组合触发的事件):

6、鼠标按键修饰符

.left

.right

.middle

你可能感兴趣的:(vue修饰符)