antd vue回填表单

 
这个是打开抽屉的方法，在这里面先执行回填信息再弹出
modFormBasic (record) {
//这里增加看似多余这一步的作用是先把数据复制放在另一个对象中，防止修改其中的值对其他联动数据的影响，否则你这边修改了数据的值列表啥的都跟着联动
      const formData = pick(record, ['formName', 'formCode', 'remarks', 'formTypeId', 'formId'])
      formData['formCode'] = formData['formCode'].substring(5)
      setTimeout(() => this.createFormAttrForm.setFieldsValue(formData), 100)
      this.showDrawer()
    } 
这个是打开抽屉的方法，在这里面限制性回填信息再弹出
modFormBasic (record) {
//这里增加看似多余这一步的作用是先把数据复制放在另一个对象中，防止修改其中的值对其他联动数据的影响，否则你这边修改了数据的值列表啥的都跟着联动
      const formData = pick(record, ['formName', 'formCode', 'remarks', 'formTypeId', 'formId'])
      formData['formCode'] = formData['formCode'].substring(5)
      setTimeout(() => this.createFormAttrForm.setFieldsValue(formData), 100)
      this.showDrawer()
    }

 

这样做还有一个好处是仅在弹出抽屉时赋值，当添加和编辑用一个表单时不用另外判断操作是编辑还是添加，因为保存触发抽屉式没赋值