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即可。

js 复制代码
numChange(val){
	this.$nextTick(()=>{
		...
	})
}
相关推荐
万邦科技Lafite2 分钟前
1688图片搜索商品API接口(item_search_img)使用指南
java·前端·数据库·开放api·电商开放平台
czhc11400756637 分钟前
c# 1121 构造方法
java·javascript·c#
yinuo1 小时前
网页也懂黑夜与白天:系统主题自动切换
前端
Coding_Doggy1 小时前
链盾shieldchain | 项目管理、DID操作、DID密钥更新消息定时提醒
java·服务器·前端
用户21411832636022 小时前
dify案例分享-国内首发!手把手教你用Dify调用Nano Banana2AI画图
前端
wa的一声哭了2 小时前
Webase部署Webase-Web在合约IDE页面一直转圈
linux·运维·服务器·前端·python·区块链·ssh
GISer_Jing2 小时前
3D Cesium渲染架剖析
javascript·3d·webgl
han_2 小时前
前端性能优化之CSS篇
前端·javascript·性能优化
k***85842 小时前
【SpringBoot】【log】 自定义logback日志配置
android·前端·后端
小满zs2 小时前
Next.js第十章(Proxy)
前端