vue 输入框v-model加载不了0

Posted

tags:

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

参考技术A 最近在做的项目里面遇到这样一个问题

现象:1.输入框中输入一个值0,点击保存

2.再次进入这个页面,输入框中并没有加载上这个值,显示placeholder

开发环境:1.输入框中输入一个值0,点击保存

2.再次进入这个页面,输入框中成功加载上这个值,不显示placeholder

测试环境:1.输入框中输入一个值0,点击保存

2.再次进入这个页面,输入框中并没有加载上这个值,显示placeholder

原因是什么呢?

placeholder只在v-model没有值的时候才会显示,然而 后盾返回了数字0,开发环境应该是有默认的处理机制 ,让输入框加载了这个0 ,也就是说number0并不是没有值,但是测试环境并没有识别这个0,误以为没有值,所以不加载,显示placeholder

解决方案:

在加载这个值之前多数据做一层处理,将数字0转换成字符串0

以上是关于vue 输入框v-model加载不了0的主要内容,如果未能解决你的问题,请参考以下文章

vue v-model 在输入框。多选框。单选框。中的应用。vue提交表单

在Vue中输入框自动获取焦点的三种方式

vue不常用到的v-model修饰符

(Vue -05) v-model指令 + 绑定事件 + 深度响应式

vue input 注意点

vue页面中存在大量数据时,input输入搜索框在输入时卡动问题解决