当前位置: 首页 > article >正文

VUE2.0 elementUI el-input-number 数据更新,视图不更新——基础积累

今天遇到一个问题,是关于el-input-number组件的,发现数据明明已经更改了,但是页面上组件输入框中还是之前的值。

在这里插入图片描述
比如上方输入框中,我输入120.5,就会出现下面的诡异现象

回显此值是120.779,但是页面上输入框中的值是120.5。。。
在这里插入图片描述
试了$set $forceUpdate 都不生效,最后通过这篇文章http://t.csdnimg.cn/vRz6O
找到了最终的解决办法:
就是通过$nextTick

在监听el-input-number组件的change事件,在此事件中加上$nextTick即可。

numChange(val){
	this.$nextTick(()=>{
		...
	})
}

http://www.kler.cn/a/288752.html

相关文章:

  • STM32单片机WIFI语音识别智能衣柜除湿消毒照明
  • TensorRT基础知识
  • vxe-table 3.10+ 进阶高级用法(一),根据业务需求自定义实现筛选功能
  • nginx部署H5端程序与PC端进行区分及代理多个项目及H5内页面刷新出现404问题。
  • docker之容器设置开机自启(4)
  • 论软件维护及其应用子问题
  • 使用idea快速创建springbootWeb项目(springboot+springWeb+mybatis-Plus)
  • 2.SpringBoot项目pom.xml文件配置
  • 【安卓面试】
  • 科学高效的FPGA编程方法
  • 从0到DevOps(1)-初步了解DevOps和容器
  • Nginx集成第三方负载均衡模块:配置指南与实践
  • 正则表达式模块re及其应用
  • 在K8s上运行GitHub Actions的自托管运行器
  • Swift 可选类型
  • 快速入门Pytorch
  • 搭子小程序开发,让社交更加有趣
  • AI赚钱成功案例|像素级拆解一键生成提示词 文生图 图生视频
  • Python 多目标跟踪-匈牙利算法
  • ArcGIS Pro SDK (十二)布局 7 组元素
  • Java算法之LRUCache缓存实现
  • 关于武汉芯景科技有限公司的A/D转换芯片XJ3021开发指南(兼容MCP3021)
  • 如何在已安装的最小化银河麒麟高级服务器操作系统上安装图形化界面
  • rtsp服务器逻辑
  • 学习react day01
  • C 语言都有哪些标准版本?