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类型就可以)
    image.png
    上图见 https://github.com/ElemeFE/element/issues/14330

    1. ![image.png](https://cdn.nlark.com/yuque/0/2021/png/20365003/1620567196982-6f59494b-c286-4493-818e-4f7fffd84d73.png#clientId=uf3c84327-239f-4&from=paste&height=115&id=u5dfab813&margin=%5Bobject%20Object%5D&name=image.png&originHeight=153&originWidth=626&originalType=binary&size=35242&status=done&style=none&taskId=u0f4796e9-f4b4-4c86-8482-2e8385993df&width=470)<br />上图见 [https://www.zhihu.com/question/407326156/answer/1343981052](https://www.zhihu.com/question/407326156/answer/1343981052)