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
即可。
numChange(val){
this.$nextTick(()=>{
...
})
}