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(()=>{
		...
	})
}
相关推荐
颜酱14 分钟前
前缀和技巧全解析:从基础到进阶
javascript·后端·算法
CappuccinoRose18 分钟前
HTML语法学习文档(九)
前端·学习·架构·html5
NEXT0619 分钟前
BFC布局
前端·css·面试
菜鸟小芯27 分钟前
【GLM-5 陪练式前端新手入门】第四篇:卡片布局 —— 让个人主页内容更有层次
前端·人工智能
Hello.Reader33 分钟前
Leptos + Tauri 2 前端配置Trunk + SSG + 移动端热重载一次打通(Leptos 0.6 口径)
前端
岱宗夫up40 分钟前
【前端基础】HTML + CSS + JavaScript 进阶(一)
开发语言·前端·javascript·css·html
qq_24218863321 小时前
【零基础使用Trae CN编写第一个AI游戏教程】
开发语言·前端·人工智能·python·游戏·html
a1117761 小时前
3D赛车躲避游戏(html threeJS开源)
前端·游戏·3d·开源·html·threejs
PD我是你的真爱粉1 小时前
Vue Router 4 路由进阶
前端·javascript·vue.js
木子欢儿1 小时前
在 Debian 13(以及 12)上安装和配置 tightvncserver 并让普通用户使
运维·前端·debian