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(()=>{
		...
	})
}
相关推荐
牛奶6 分钟前
JS随笔:基础语法与控制结构
前端·javascript
天蓝色的鱼鱼9 分钟前
Node.js 中间层退潮:从“前端救星”到“成本噩梦”
前端·架构·node.js
货拉拉技术17 分钟前
如何用 AI 做业务级 Code Review
前端·agent·前端工程化
李剑一22 分钟前
前端圈子又出新东西了,大幅提升解析速度。尤雨溪推荐,但我不太推荐
前端
前端Hardy24 分钟前
HTML&CSS&JS:基于定位的实时天气卡片
javascript·css·html
青屿ovo32 分钟前
Vue前端页面版本检测解决方案
前端·vue.js
front_37 分钟前
React Hook介绍
前端
HashTang1 小时前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
狂炫冰美式1 小时前
把手从键盘上抬起来:AI 编程的 3 个不可逆阶段
前端·后端·ai编程
codingWhat2 小时前
uniapp 多地区、多平台、多环境打包方案
前端·架构·node.js