VUE2.0 elementUI el-input-number 数据更新，视图不更新——基础积累

叶浩成5202024-09-02 19:12

今天遇到一个问题，是关于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(()=>{
		...
	})
}