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" />
作者介绍
X
XiaoSong
V1