element ui --input输入框不能输入的问题

<el-input  v-model="putNumber" autocomplete="off"  @input="changeInput"></el-input>

在这里插入图片描述
如图所示,无论怎么操作都只显示默认的数值,不能输入。
网上查资料后找到的解决办法是给一个input事件

<el-input v-model="putNumber" autocomplete="off" @input="changeInput"></el-input>
//强制更新
changeInput(e){
    this.$forceUpdate();
},

但是这样会出来一个问题,原有的校验不生效了。
在这里插入图片描述
在校验函数里debugger发现,传过来的value值一直是第一次的值,后面再怎么修改都是初始值。
在这里插入图片描述
处理方法就是,在校验函数里面不通过value值进行判断处理,直接拿data里面的数值做判断就解决啦~
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/gua222/article/details/106815788