1. 调试表单选项组件的双向绑定逻辑

riku

2023-12-19 3959e507bfa99cc4ced2a6f48f9b4358334d34c4

 src/composables/formConfirm.js

@@ -20,10 +20,10 @@
  if (!cancel.title) cancel.title = '取消';
  if (!cancel.msg) cancel.msg = '是否放弃已编辑的内容？';

  const formProps = defineProps({
    // 是否在提交成功后清空表单
    clearAftSubmit: Boolean
  });
  // const formProps = defineProps({
  //   // 是否在提交成功后清空表单
  //   clearAftSubmit: Boolean
  // });

  //表单内容
  const formObj = ref(defaultForm ? defaultForm : {});
@@ -69,24 +69,24 @@

  // 重置表单
  const _reset = function () {
    formRef.value.clearValidate();
    edit.value = false;
    isReset = true;
    formObj.value = useCloned(formObjClone.cloned, {
      manual: true
    }).cloned.value;
    formRef.value.clearValidate();
  };

  // 清空表单
  const clear = function () {
    isReset = true;
    // formRef.value.resetFields();
    formRef.value.resetFields();
    edit.value = false;
  };

  // 提交成功后
  const submited = function () {
    if (formProps.clearAftSubmit) clear();
    // if (formProps.clearAftSubmit) clear();
    edit.value = false;
    formObjClone = useCloned(formObj, { manual: true });
  };
@@ -147,5 +147,5 @@
    }
  };

  return { formProps, formObj, formRef, edit, onSubmit, onCancel, onReset };
  return { formObj, formRef, edit, onSubmit, onCancel, onReset, clear };
}