在change事件中如果对el-input-number绑定的数据进行更改,会出现change事件失效的问题,并可能导致el-input-number的加减号也失效。
查阅资料后发现问题原因在 change事件发生后触发了dom更新,而数据更改变化是在dom更新之后,这就导致了dom当中挂载的数据值还是更新之前的值,并且此后无刷新控制dom重新渲染的指令,使得chhange方法失效。
解决方法:用$nextTick函数对绑定值进行更改( this.$nextTick(() => { this.绑定值= 更改值 }) ),即在dom初次完成渲染挂载后,修改其值再次触发dom渲染挂载。
原文地址:el-input-number 修改数值失效的问题 - 掘金 (juejin.cn)
$nextTick函数解释:vue.nextTick()方法的使用详解(简单明了)_广积粮缓称王的博客-CSDN博客