【VUE】表单验证-对象已经赋值 输入框提示为空解决

在方法中已经给这个输入框绑定的属性值赋值后，提交仍然提示不能为空，其实数据已经更新到对象里了，只是页面没有渲染。

使用

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();