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(()=>{
		...
	})
}
相关推荐
一个没有感情的程序猿7 小时前
前端实现交互式3D人体肌肉解剖图:基于 Three.js + React Three Fiber 的完整方案
前端·javascript·3d
武玄天宗7 小时前
第五章、flutter怎么创建底部底部导航栏界面
前端·flutter
Goodbaibaibai7 小时前
接口请求了两次,一次报200,一次报404
前端
qq_463408427 小时前
React Native跨平台技术在开源鸿蒙中使用WebView来加载鸿蒙应用的网页版或通过一个WebView桥接本地代码与鸿蒙应用
javascript·算法·react native·react.js·开源·list·harmonyos
全马必破三7 小时前
React虚拟Dom
前端·javascript·react.js
tmj017 小时前
前端JavaScript(浏览器)与后端JavaScript(Node.js)
javascript·node.js
FAQEW7 小时前
若依微服务版(RuoYi-Cloud)本地启动全攻略
前端·后端·微服务·若依·二开
Fantastic_sj7 小时前
js中箭头函数的作用和特性
javascript
@菜菜_达7 小时前
前端防范 XSS(跨站脚本攻击)
前端·xss
Rysxt_7 小时前
Vue 3 项目核心:main.ts 文件的作用与配置详解
前端·javascript·vue.js