<el-form-item prop="billNo" label="号码1"> <el-input width="180px" v-model="modelForm.billNo"></el-input> </el-form-item>
解决办法:
方法1. el-input value属性修改为使用v-model
方法2. 使用input事件,实时刷新,两种方法本质其实是相同的。
<el-form-item prop="" label="号码2"> <el-input width="180px" :value="modelForm.billNo2" @input="modelForm.billNo2 = $event" ></el-input> </el-form-item>
方法3. 看前辈有推荐 通过input事件和this.
在change事件中执行 this.$forceUpdate()强行刷新视图。已验证有效
<el-form-item prop="" label="号码3"> <el-input width="180px" :value="modelForm.billNo3" @input="change($event)" ></el-input> </el-form-item>
总结
这种问题产生原因是input在vue中受控导致,(elementUI官方文档也有说明)我们需要重新改变一下监听和实现,所以个人还是推荐使用v-model,用起来简单省事。
转载自:el-input无法输入的问题 解决 - 简书 (jianshu.com)
感谢大神分享