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(()=>{
		...
	})
}
相关推荐
joan_851 分钟前
input禁止自动填充
前端·elementui·vue
研☆香5 分钟前
简单的复选框 全选 反选功能
javascript
林间风雨5 分钟前
layui 2.9.16 版本,根据字段字数最大数,表格自适应字段宽度
前端·javascript·layui
hzb6666614 分钟前
xd_day47文件上传-day55xss
javascript·学习·安全·web安全·php
木子啊16 分钟前
HTML防窥技巧:让源码难以偷窥
前端·html·查看源码·禁止查看源码
梦65029 分钟前
前端路由守卫:掌控页面跳转的 “守门人”
前端
jiayong2332 分钟前
前端性能优化系列(二):请求优化策略
前端·性能优化
H_ZMY35 分钟前
前端实现 HTTPS 强制跳转与移动端域名自动适配
前端·网络协议·https
We་ct1 小时前
LeetCode 42. 接雨水:双指针解法深度剖析与全方法汇总
前端·算法·leetcode·typescript
灰海1 小时前
vue实现即开即用的AI对话打字机效果
前端·javascript·vue.js·打字机