元素resetFields() 不生效

Question

我用Vue3和Element Plus创建了Form，但是Form的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 不是未定义的：enter image description here

但是editDialog.value.formDate.resetFields()没有生效，而且是未定义的。

Answer 1

尝试改变

editDialog.value.formDate.resetFields()

到

editDialog.value.formDate.value.resetFields()