Utilicé Vue3 con Element Plus para crear Form. Pero el resetFields() del formulario no tiene efecto. el formulario no se puede actualizar automáticamente.

componente secundario (Edit.vue)

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

componente principal

 <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 no estaba indefinido: ingrese la descripción de la imagen aquí

Pero editDialog.value.formDate.resetFields() no tiene efecto y no estaba definido.