From 6e6d743899d641800dafd36769d3e901f3ea0a78 Mon Sep 17 00:00:00 2001
From: pan <13329870472@163.com>
Date: Tue, 19 Mar 2024 18:13:04 +0800
Subject: [PATCH] perf: bug

---
 src/views/editor/components/base.vue         | 17 ++++++++++++-----
 src/views/monitor/generator/query-detail.vue |  2 +-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/views/editor/components/base.vue b/src/views/editor/components/base.vue
index 5941151..71cc818 100644
--- a/src/views/editor/components/base.vue
+++ b/src/views/editor/components/base.vue
@@ -2,23 +2,30 @@
 import "@wangeditor/editor/dist/css/style.css";
 import { IEditorConfig } from "@wangeditor/editor";
 import { Editor } from "@wangeditor/editor-for-vue";
-import { onBeforeUnmount, shallowRef } from "vue";
+import { onMounted, onBeforeUnmount, shallowRef, ref } from "vue";
+import { type Generator } from "@/api/generator/generator";
 defineOptions({
   name: "BaseEditor"
 });
 
-const content = defineModel<string>("content");
-console.log("content", content);
+const content = defineModel<Generator>("content");
 
 const mode = "default";
 // 编辑器实例，必须用 shallowRef
 const editorRef = shallowRef();
 
 // 内容 HTML
-const valueHtml =
-  '<pre><code class="language-java">' + content.value + "</code></pre>";
+const valueHtml = ref("");
 const editorConfig: Partial<IEditorConfig> = { MENU_CONF: {} };
 
+onMounted(() => {
+  console.log("content", content.value.content);
+  valueHtml.value =
+    '<pre><code class="language-java">' +
+    content.value.content +
+    "</code></pre>";
+  const editorConfig: Partial<IEditorConfig> = { MENU_CONF: {} };
+});
 const handleCreated = editor => {
   // 记录 editor 实例，重要！
   editorRef.value = editor;
diff --git a/src/views/monitor/generator/query-detail.vue b/src/views/monitor/generator/query-detail.vue
index 2f36937..07842c6 100644
--- a/src/views/monitor/generator/query-detail.vue
+++ b/src/views/monitor/generator/query-detail.vue
@@ -25,6 +25,6 @@ onMounted(() => {
       {{ item.name }} &nbsp;
     </span>
 
-    <Base v-model:content="datas[0].content" />
+    <Base v-model:content="datas[0]" />
   </div>
 </template>