X

XiaoSong

V1

2023/02/07阅读:15主题:默认主题

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" />

分类:

前端

标签:

Vue.js

作者介绍

X
XiaoSong
V1