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(()=>{
		...
	})
}
相关推荐
user205855615181319 小时前
Windows 项目安装时报 `node-sass` 错误,如何快速处理
前端
LiaCode19 小时前
Redis 在生产项目的使用
前端·后端
LiaCode19 小时前
一天学完 redis 的爽翻版核心知识总结
前端·后端
大刚测试开发实战19 小时前
如何内网穿透访问本地私有化部署的TestHub
前端·后端·github
风骏时光牛马19 小时前
# Ruby基于Rails框架实现多角色权限管理与数据分页查询完整实战代码案例
前端
weedsfly19 小时前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
xiaodaoluanzha19 小时前
迄今為止,最簡單的編程語言 Nolang
前端·后端
Csvn19 小时前
Fetch 请求竞态终结者:AbortController 不只是用来"取消"的
前端
阡陌Jony19 小时前
关于前端路由中的参数问题的学习(一): params,query, hash(#)
前端
阡陌Jony19 小时前
缓存相关学习笔记(一):Service Worker 缓存
前端