21

server/HoneyBox/src/HoneyBox.Admin/admin-web/src/views/business/danye/components/DanyeFormDialog.vue

@@ -4,6 +4,7 @@
     title="编辑单页"
     width="900px"
     :close-on-click-modal="false"
+    :destroy-on-close="true"
     @close="handleClose"
   >
     <el-form
@@ -25,7 +26,7 @@
       </el-form-item>
 
       <el-form-item label="内容" prop="content">
-        <div class="editor-container">
+        <div v-if="dialogVisible" class="editor-container">
           <Toolbar
             :editor="editorRef"
             :defaultConfig="toolbarConfig"
@@ -186,13 +187,13 @@ const resetForm = () => {
 
 // 关闭弹窗
 const handleClose = () => {
-  dialogVisible.value = false
-  resetForm()
-  // 销毁编辑器实例
+  // 先销毁编辑器实例
   if (editorRef.value) {
     editorRef.value.destroy()
     editorRef.value = undefined
   }
+  dialogVisible.value = false
+  resetForm()
 }
 
 // 提交表单