场景

最近在做后台管理系统时，遇到了一个问题，就是关于表单校验的问题。

根据上图，明明已经选择了供应商名称字段，但是点击保存按钮时，还是会有校验问题，提示请选择供应商。导致无法进行表单的提交。

出现此问题的原因就是：校验的字段有被删除过。

比如上面的字段是：this.form.supplierId,在进行一些表单的清空操作时，如果直接使用了this.form={}，则会导致this.form.supplierId的双向数据绑定功能失效，进而无法进行正确的表单校验。

例如：下面的代码，在创建vue的时候，给this.form赋值时，要指定赋值的属性，这样才会实现双向数据绑定的效果。其他的地方也是如此。

created() {
    this.form = {
        supplierId:null
    };
},

问题解决！！！