vue + iview重置表单数据，清除表单部分校验信息

vue+iview表单，在添加和编辑，我们定义两个data

formData: {},
defaultForm: {
    sdId: '',
    parentSdId: '',
    targetCode: '',
    isDelect: 'false',
},

在我们需要清空表单数据和校验规则，

this.$refs.formData.resetFields();

并重置表单数据时，

this.formData = this.defaultForm;

发现defaultForm所有的属性值都变成了undefined，初始化表单数据失败，改为

this.formData = Object.assign({}, this.defaultForm);

 

如果大家有好的方法，希望提出来

 

========================================================

更新：

js的clone（克隆）问题，

1、如果克隆对象是基本类型，把一个值赋给另一个变量时，当那个变量的值改变的时候，另一个值不会受到影响

2、如果不是基本类型，变量的值会随着另一个值的改变而改变

参考博客：https://www.cnblogs.com/zouhao/p/7278117.html

 

===============================================================

1、有时候我们需要通过一键设置默认值，这时候表单校验不会主动触发，就会有校验信息遗留，所有要清除一键设置的部分表单校验信息，方法如下：

this.$refs.configForm.fields.forEach( (e) =>{
    if (e.prop == 'modelIterationTime' || e.prop == 'batchSize' || e.prop == 'learningRate' || e.prop == 'optimizeMethod') {
        e.resetField()
    }
})

2、有时候数据改变不会主动触发校验，需要我们手动去触发

this.$refs.formData.validateField('gpu');