今天我们来复习修饰符,修饰符包括事件修饰符、按键修饰符、系统修饰符、鼠标按键修饰符以及v-model修饰符,有点多,唉
事件修饰符
.prevent修饰符
- 用于阻止默认事件行为,相当于
event.preventDefault()
.stop修饰符
- 用于阻止事件传播,相当于
event.stopPropagation()
- Vue.js中允许修饰符进行连写,举个例子:
@click.prevent.stop
.once修饰符
- 用于设置事件只会触发一次
按键修饰符
按键码
- 按键码指的是将按键的按键码作为修饰符使用以标识按键的操作方式
特殊按键
- 特殊按键值的是键盘中类似esc、enter、delete等功能按键,为了更好的兼容性,应首选内置别名
系统修饰符
- 单独点击系统操作符无效,系统按键通常与其他按键组合使用,常见的系统修饰符:.ctrl修饰符、.alt修饰符、.shift修饰符
鼠标按键修饰符
- 用于设置点击事件由那个鼠标哪个按键来完成,一共有三个,分别是:.left修饰符、.right修饰符、.middle修饰符
v-model修饰符
.trim修饰符
- 用于自动过滤用户输入内容首尾两端的空格
.lazy修饰符
- 用于将v-model的触发方式由input事件触发更改为change事件触发
.number修饰符
- 用于自动将用户输入的值转换为数值类型,如无法被
parseFloat()
转换,则返回原始内容
复习完了,感觉也不多,主要有时候用不到你会忘记还有这些个指令可以用。ok今天复习完了,今日份推荐歌曲:周传雄-关不上的窗