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(()=>{
		...
	})
}
相关推荐
元气少女小圆丶18 分钟前
unity发布web嵌入到前端页面的接受参数
前端·unity·webgl
工业HMI实战笔记19 分钟前
【拯救HMI】:低碳制造:自动化技术如何助力企业节能降耗
运维·前端·自动化·交互·制造
柒和远方2 小时前
V043:BFF 层流式输出:从前端直连到生产级流式网关的架构演进
javascript·架构·node.js
用户938515635072 小时前
SSE 流式输出的工程化拐点——为什么你需要一个 BFF 层
javascript·人工智能·全栈
不简说2 小时前
JS 代码技巧 vol.4 — 10 个异步并发控制,Promise.all 这帮兄弟的踩坑实录
前端·javascript·面试
Sinclair2 小时前
安企CMS的安装-PHPStudy(小皮面板)部署
前端·后端
会飞的特洛伊3 小时前
IAM身份认证
前端·后端
钛态3 小时前
AI 组件生成评测:别只看页面能不能渲染
前端·vue·react·web
Hyyy3 小时前
requestAnimationFrame和setTimeout有什么不同
前端
Jackson__4 小时前
问到你想清楚,这个 skill 专治没想明白就写代码!
前端·github·ai编程