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(()=>{
		...
	})
}
相关推荐
lijun_xiao200910 小时前
前端React18入门到实战
前端
o***Z44811 小时前
前端响应式设计资源,框架+模板
前端
IT_陈寒11 小时前
Vue 3.4 正式发布:5个不可错过的性能优化与Composition API新特性
前端·人工智能·后端
N***738511 小时前
前端无障碍开发资源,WCAG指南与工具
前端
Cocktail_py11 小时前
JS如何调用wasm
开发语言·javascript·wasm
我有一棵树12 小时前
深入理解html 加载、解析、渲染和 DOMContentLoaded、onload事件
前端·性能优化·html
JIngJaneIL12 小时前
就业|高校就业|基于ssm+vue的高校就业信息系统的设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·高校就业
G***T69112 小时前
前端构建工具环境变量,安全管理
前端
Want59512 小时前
HTML礼物圣诞树
前端·html
REDcker13 小时前
Cursor Chrome DevTools MCP 配置指南 for Windows
前端·windows·chrome devtools