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...