v-model限制输入的妙用

发布时间 2023-08-07 19:11:05作者: Z哎呀

示例

v-model.number即限制输入数字(原理是每次输入都会转化为数字,非数字则会丢弃)

还有更多,如:
v-model.trim:去除首尾空格。可以避免误输入一些不能看见的首尾空格。

v-model.lazy:延迟更新。默认情况下,v-model 在每次输入时都会立即触发input事件,而使用 v-model.lazy 可以将更新触发 "change" 事件,而不触发input事件。

v-model.trim.lazy:可以同时使用修饰符。意思是去除首尾空格,并在 "change" 事件触发时更新 Vue 实例的数据。