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(()=>{
		...
	})
}
相关推荐
不可能的是5 小时前
Claude Code 子 Agent 机制全解:怎么跑起来、怎么被管理、怎么互不干扰
javascript
jeffwang5 小时前
我做了个让 AI 看屏幕跑测试的工具,因为 Playwright 测不了我的 Flutter Web
前端
HSunR5 小时前
dify 搭建ai作业批改流
开发语言·前端·javascript
代码不加糖5 小时前
2026 跨境电商独立站实战:从 0 到 1 搭建高转化 SaaS 商城(附源码)
开发语言·前端·javascript
亲亲小宝宝鸭6 小时前
拖一拖控件,拖出个问卷(低代码平台)
前端·低代码
江南十四行6 小时前
ReAct Agent 基本理论与项目实战(一)
前端·react.js·前端框架
We་ct6 小时前
LeetCode 72. 编辑距离:动态规划经典题解
前端·算法·leetcode·typescript·动态规划
小呆呆6666 小时前
Codex 穷鬼大救星
前端·人工智能·后端
当时只道寻常7 小时前
Vue3 + IntersectionObserver 实现高性能图片懒加载
前端
用户617517157017 小时前
关于普通函数和箭头函数的this
javascript