Element resetFields() does not take effect

Question

我使用Vue3和Element Plus来创建表单。但是表单的resetFields()不会生效。表单不能自动刷新

---

子组件(Edit.vue)

<template>
<el-dialog title="edit" v-model="modelValue">
<el-form :model="form" ref="formDate">
...
</el-form>
</el-dialog>
</template>

父组件

<template>
<Edit
v-model:form="form"
v-model="dialogFormVisible"
ref="editDialog"
></Edit>
</template>
...
export default {
components: {
Edit,
},
setup() {
const state = reactive({
dialogFormVisible: false,
})
const editDialog = ref(null);
const initForm = () => {
state.dialogFormVisible = true;
nextTick(() => {
console.log(editDialog.value.formDate);
editDialog.value.formDate.resetFields();
});
return {
...toRefs(state),
editDialog,
initForm,
};
}

editDialog.value.formDate未定义:此处输入图像描述

但editDialog.value.formDate.resetFields()不生效，且未定义。

Answer 1

尝试更改

editDialog.value.formDate.resetFields()

editDialog.value.formDate.value.resetFields()