在方法中已经给这个输入框绑定的属性值赋值后,提交仍然提示不能为空,其实数据已经更新到对象里了,只是页面没有渲染。
使用
this.$forceUpdate();
进行强制更新,发现并不起作用,于是考虑到diff算法,可以通过定义key,当值发生变化是使Vue判断数据变化进而更新页面数据。
实现方法:
<el-form-item
:label="输入框label名"
prop="propVlue"
:key="timer" //添加key值
>
<el-input
v-model="form.xxx"
clearable
class="form-item-box"
:disabled="true"
>
</el-input>
</el-form-item>
在修改值的方法中添加:
this.timer = new Date().getTime();