vue3 antd项目Form表单的resetFields() 重置失效

在新建和编辑使用同一表单时，新建表单重置失效

定义 ref    a-form-item中 name label 都要有（name 不能是中文） 

  <a-form
    ref="formRef"
    :model="formState"
  >  
  <a-form-item :name="`field-${i}`" :label="`field-${i}`">
       <a-input v-model:value="formState[`field-${i}`]"></a-input>
  </a-form-item>
</a-form>

const modalref = ref<FormInstance>()

 

在编辑给表单赋值时采用nextTick

const showModal = (record: any) => {
  modalOpen.value = true//表单搜在的modal框
  nextTick(() => {
    formModal = reactive(_.cloneDeep(record)) //点击table编辑按钮时复制
  })
}

 最后 再使用modalref.value.resetFields()

//点击新建/重置按钮
const resetModal = () => {
    modalref.value.resetFields()
}