vue使用技巧-修饰符

修饰符

.lazy

当我们使用v-model的时候数据是在input事件后更新，也就是说每输入一下数据更新一次。你可以添加 lazy 修饰符来改为在每次 change 事件后更新数据:

<p>name is: {{ name }}</p>
<input type="text" v-model.lazy="name" />

const name = ref('')

光标离开输入框或按回车键后数据才会更新

.number

把输入的内容转为数字类型。v-model.number将自动打开输入框的type="number"

<input type="text" v-model.number="age" />