4***@qq.com
4***@qq.com
  • 发布:2019-04-30 14:20
  • 更新:2019-11-15 10:55
  • 阅读:1488

【报Bug】uni app v-model 要点一下才有值

分类:uni-app

详细问题描述

(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]

2019-04-30 14:20 负责人:无 分享
已邀请:
7***@qq.com

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

DCloud_uniCloud_WYQ

更新一下HBuilderX看看问题是否还存在,如果还有可以提供一份测试代码给我们

该问题目前已经被锁定, 无法添加新回复