vue赋值0不显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue赋值0不显示相关的知识,希望对你有一定的参考价值。

vue赋值0不显示
我们引入的element 框架,"element-ui": "^2.13.2"
以前HTML部分的写法
v-model.numbe 可以使获取的值的类型是 Number , type="number" `` 是
但是这样写遇到一个问题,那就是小数后面不能输入 0 ,比如输入 1.0 ,输入框马上变为 1 ,想输入 1.101 也是不行的,因为输入 1.10 的时候,输入框就变化为 1.1 了,怎么解决小数末尾部分不能输入0的问题?
我百度无果,我去看 element 的 GitHub ,看关闭的 issue ,发现了答案,
这个确实是 element-ui 更新带来的问题,为了解决这个问题,引入了 InputNumber 这个组件,这个组件就能解决小数部分末尾不能正常显示0的问题
使用方法
使用变化
:controls="false" 加上这个属性,是为了样式和以前保持一致
参考技术A Vue 赋值 0 不显示是因为 Vue 使用 JavaScript 的内置函数 Boolean() 将值转换为布尔值,0 被转换为 false,所以不显示。

以上是关于vue赋值0不显示的主要内容,如果未能解决你的问题,请参考以下文章

vue el-select下拉框,选择后赋值成功,但是框上不显示选中的值的解决办法

注意ElementUI的表格的数据显示不出来,通过Vue进行赋值的数组是有数据的

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值

Vue踩坑之 el-select下拉框多选,选择后赋值成功,输入框不显示选中的值

在vue中从elementui复制日期选择器怎么不显示