详细问题描述
(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
v-model 绑定一个值 并且这个值有初始值 但是页面加载完成后input上值不会展现出来 要手动点一下input 值才会展现出来
[步骤]
[结果]
[期望]
期待能像VUE一样正常运行
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX1.9.4
[windows版本号]
WIN10 64位
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
APP 小程序都有这问题
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX
[编译模式是老模板模式还是新的自定义组件模式?]
自定义组件模式
App运行环境说明
[Android版本号]
华为10.1寸平板 青春版
[iOS版本号]
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]
3 个回复
7***@qq.com
在需要更新值得时候 加一句 this.$forceUpdate() 试试
暗眼小子 - 前端
console.log(123);
this.sum = parseFloat(“123456”);
this.$forceUpdate();
console.log(this.sum);
打印测试了一下,事件触发了,值也修改了,但是就是没有渲染出来
4***@qq.com (作者)
我已经找到问题发生的原因了。
由于在 app 中有内置的 input 样式,导致 input 的高度是固定的,你只能改改边框或字体样式。
所以值实际上是渲染出来了,只是你给 input 设定了高度后,可能比原来的高度小。导致 input 发生了偏移,值也被顶出去了,不信你在一个页面不要设置 input 样式试试。
2019-07-04 14:38
4***@qq.com (作者)
这是一个奇葩的 bug,官方也不改改。不只是 input 很多原生组件都被内置了固定的样式,改也改不了。
2019-07-04 14:39
DCloud_uniCloud_WYQ
更新一下HBuilderX看看问题是否还存在,如果还有可以提供一份测试代码给我们