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(()=>{
		...
	})
}
相关推荐
风花一世月12 小时前
🛩️ 我把一段夕阳飞行做成了能按键驾驶的网页(24 秒四段航线,在线直接玩)
前端
用户114818678948413 小时前
实现一个「配置驱动」的动态表格组件(Vue + Element UI)
前端
数据掘金13 小时前
小程序分享参数在页面栈中的传递
前端
乐享qicheng13 小时前
1,自定义表单通俗理解-PC设计APP渲染
前端
为你学会写情书13 小时前
大屏适配别再只会 transform: scale 了,这套方案更稳
前端
孤独的神13 小时前
《AI 成了我的工位搭子,也成了我的焦虑来源》
前端
行者全栈架构师13 小时前
给开源 Rust 工具加一个新检查项,TRAE 帮我从想法跑到构建产物:全链路实战
前端·算法·架构
衍辉channel13 小时前
衍辉AI速递 10.14|谷歌发布Gemini 4 Argon模型等9条AI资讯
javascript
hunterandroid13 小时前
[鸿蒙从零到一] relationalStore 高级实践:事务、迁移与敏感数据保护
前端
lcarusZZZ13 小时前
前端转型,自建新闻转播客工作流
前端