动态循环 新增form表单 数据被引用 和 表单验证问题

定义一个集合formFor,每次点击新增的时候往form.materilasReqVoList数组里追加一条

 formFor: {
        accessorySource: 'material',
        accessorySourceId: new Date().getTime(),
        materialsName: '', // 资产名称
        materialsNumber: '', // 资产编号
        materialsUnitId: undefined, // 资产单位
        materialsTypeId: '', // 资产类型
        materialsClassifyId: '', // 资产分类
        materialsBrand: '', // 资产品牌
        materialsSpecification: '', // 资产规格、型号
        materialsPrice: '', // 资产市场单价:,
        materialsOnlineLink: '', // 线上链接:,
        materialsRemark: '', // 备注:,
        accessoryUrlList: [] // 附件地址集合:,
      },
      // 表单
      form: {
        materilasReqVoList: []
      },

效果图

点击新增会出现 吧上一条的数据带下去问题

 Object.keys(this.formFor).forEach((key) => (this.formFor[key] = ''))//引用前先循环对象每一个key值为空
 const data = JSON.parse(JSON.stringify(this.formFor))//乞丐版 深拷贝
 this.form.materilasReqVoList.push(data)//追加到form 表单中