背景: vue form 表单中的 input v-model 绑定的值,即使输入 123 数字也会自动转成 string 类型,那么我们怎么样能简单的就能让他转换成我们想要的类型呢?
下面了解一下 vue 表单输入的修饰符
1. .number 可以将绑定的 v-model 改为 number 类型
复制代码
2. .trim 去掉首尾空格
复制代码
3. .lazy input 在输入时,span 里的内容不做改变,当 input 失去焦点,触发 change 事件后 改变 span 的内容
复制代码
select option 绑定的 value 是数字,但是 v-model 为 string ,怎么做才能变成数字类型?
解决方法: 使用 :value
复制代码