首页 |  我的博客 |  查看该博主内容分类 | 

v-model限制输入的妙用

示例

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

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

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

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

posted @ 2023-08-07 19:05  Z哎呀  阅读(364)  评论(0)    收藏  举报