2024年Vue面试题汇总，大佬推荐，大厂面试题汇总_vue 面试题2024

2、vue常用的修饰符

a、按键修饰符

如：.delete（捕获“删除”和”退格“键）      用法上和事件修饰符一样，挂载在v-on:后面，语法：v-on:keyup.xxx=’yyy’  <inputclass = 'aaa' v-model="inputValue" @keyup.delete="onKey"/>

b、系统修饰符

可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器

• .ctrl

• .alt

• .shift

• .meta

c、鼠标按钮修饰符

• .left

• .right

• .middle

这些修饰符会限制处理函数仅响应特定的鼠标按钮。如：<button @click.middle ="onClick">A</button>  鼠标滚轮单击触发   Click默认是鼠标左键单击

d、其他修饰符

• .lazy

在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 ，我们可以添加 lazy 修饰符，从而转变为使用 change事件进行同步：

<inputv-model.lazy=“msg” >

• .number

如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 .number修饰符：

这通常很有用，因为即使在type="number"时，HTML 输入元素的值也总会返回字符串。如果这个值无法被 parseFloat()解析，则会返回原始的值。

• .trim

如果要自动过滤用户输入的首尾空白字符，可以给 v-model 添加 trim 修饰符：

<inputv-model.trim=“msg”>

同样前面都有空格加上.trim后 将前后空格都去掉了。