el-input 的绑定值(例 v-model = "inputA")
默认情况下,v-model绑定的值是一个string,(即,在输入框输入了23,查看绑定的inputA是一个字符串“23”。typeof(v-model-key) -> String )
在vue中,如果是原生input输入框。
如果希望输入一个typeof(v-model-key) -> number的值,需要设置v-model.number="xxx"。
<input v-model.number="age" type="number">
但是对vue+element-ui的项目,el-input中使用v-model.number的方式不可行。
高版本的element-ui,el-input不再支持修饰符(.number .lazy .trim等都不支持)
使用的话会有bug,不同的element-ui版本bug表现不同。
已知element-ui 2.4.10版本中,el-input v-model.number 修饰符使用没有问题。
在element-ui 2.13.0中,加上.number之后可以输入整数,可以输入0.x的小数,但是输入大于一的小数,小数点会消失。
(键入0.5 没问题, 键入3.5 变为 35)(输入35之后回去在3和5中间加一个小数点,是没有问题的 35 -> 3.5 可以)
在element-ui 2.15.0中(键入0.5 变为 5, 键入3.5 变为 35 )
element ui曾经的参与维护者wacky6说,不要在el-input上使用修饰符,如需实现,自行处理input事件。
(例如需求是收集el-input绑定的数据,提交给后端的时候必须使用number,那么就在提交之前转换为number类型就可以)
上图见 https://github.com/ElemeFE/el...
上图见 https://www.zhihu.com/questio...
搬运自自己的语雀
https://www.yuque.com/diracke...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。