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

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

element ui --input输入框不能输入的问题_第1张图片
如图所示,无论怎么操作都只显示默认的数值,不能输入。
网上查资料后找到的解决办法是给一个input事件

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

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

你可能感兴趣的:(日常问题总结,vue.js,javascript)