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 分钟前
Cursor 无法使用prettier格式化
前端
觉醒大王9 分钟前
如何整理文献阅读笔记? (精读与泛读)
前端·css·笔记·深度学习·自然语言处理·html·学习方法
广州华水科技24 分钟前
单北斗GNSS变形监测系统在水库安全监测中的应用与发展
前端
We་ct25 分钟前
LeetCode 58. 最后一个单词的长度:两种解法深度剖析
前端·算法·leetcode·typescript
夏河始溢28 分钟前
一八零、AG-UI:构建AI前端交互的统一协议
前端·人工智能·ui
m0_7408596239 分钟前
解决uniapp跳转页面警告:Extraneous non-props attributes ...
前端·javascript·uni-app
一行注释42 分钟前
ECharts柱状图横向展示与DataZoom滑动查看实现
开发语言·前端·javascript
踢球的打工仔1 小时前
typescript-类的访问权限public、private、protected
前端·javascript·typescript
Ulyanov1 小时前
Impress.js深度解析
开发语言·前端·javascript·css3·impress.js
编程大师哥1 小时前
JavaScript DOM
开发语言·javascript·ecmascript