关于vue.js:Vue-elinput特性记录1

28次阅读

共计 836 个字符,预计需要花费 3 分钟才能阅读完成。

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…

正文完
 0