元素resetFields()不生效

Question

我使用Vue3和Element创建了Form.But，表单的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()