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 实例的数据。