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

最近在做的项目里面遇到这样一个问题

现象: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)