最近在做vue项目时发现项目中需要输入的input有时无法输入(页面刷新一次就可输入,刷新一次只能输入一次否则不可删除也不可再次输入):
<el-form-item label="设备号:" :label-width="formLabelWidth">
<el-input v-model="form.product_no" autocomplete="off" ></el-input>
</el-form-item>
解决方法:
发现elementUI中@input事件可以拿到当前输入的值。
解决方法:this.$forceUpdate()
<el-form-item label="设备号:" :label-width="formLabelWidth">
<el-input v-model="form.product_no" autocomplete="off" @input="change($event)"></el-input>
</el-form-item>
/ / elementUI里面的el-input框有时无法输入的问题
change(e){
this.$forceUpdate()
},