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

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.lryc.cn/news/432248.html

相关文章:

  • JS中this指向问题
  • 大厂面试:小米嵌入式面试题大全及参考答案(130+道 12万长文)
  • React 更新界面
  • JavaSE-易错题集-001
  • 【人工智能学习笔记】1_人工智能基础
  • 【前端】animation动画以及利用vue制作简单的透明度改变动画,包含vue生命周期实现
  • mysql优化案例分享
  • C语言中结构体struct和联合体union的区别
  • Verilog:【8】基于FPGA实现SD NAND FLASH的SPI协议读写
  • 目标检测-RT-DETR
  • 业务资源管理模式语言09
  • Spring Boot + Vue 多级目录的构建详解
  • Android的Launch
  • Deep Ocr
  • 图片验证码
  • 004: VTK读入数据---vtkImageData详细说明
  • 分割千万级,将大文件分割为小件 csv
  • SQL COUNT() 函数深入解析
  • vue3和vue2的双向绑定原理
  • [C++]刷题
  • 职称评审中,论文发表要求?
  • 连续信号的matlab表示
  • centos7.9搭建mysql5.6主从
  • C#通过ACE OLEDB驱动程序访问 Access和 Excel
  • 智能新纪元:GPT-Next引领的AI革命及其跨领域应用
  • Nexus配置npm私服
  • 《OpenCV计算机视觉》—— 图像轮廓检测与绘制
  • Spark-Yarn模式如何配置历史服务器
  • Maven的安装
  • iOS——APP启动流程