fix: 1.createEl异步创建，onNodeInserted回调中才能get到该元素

JuckZ · Mar 3, 2023 · 9f4fa80 · 9f4fa80
1 parent 8939289
commit 9f4fa80
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/ui/LineChart.vue b/src/ui/LineChart.vue
@@ -102,8 +102,6 @@ onMounted(async () => {
             intersect: false,
         },
     };
-    // TODO Bug 通过document.getElementById无法获取元素
-    // Logger.log(document.getElementById('awesome-brain-manager-pomodoro-history-view'));
     chart = new Chart(lineChart.value as unknown as ChartItem, {
         type: 'line',
         options: options,

diff --git a/src/ui/view/PomodoroHistoryView.ts b/src/ui/view/PomodoroHistoryView.ts
@@ -31,9 +31,8 @@ export class PomodoroHistoryView extends ItemView {
     }
 
     async onOpen(): Promise<void> {
-        const container = this.containerEl.children[1];
-        container.empty();
-        container.createEl(
+        this.containerEl.empty();
+        this.containerEl.createEl(
             'div',
             {
                 cls: 'my-plugin-view',
@@ -42,10 +41,12 @@ export class PomodoroHistoryView extends ItemView {
                 },
             },
             el => {
-                this.vueapp = createApp(PomodoroHistory, {
-                    plugin: this.plugin,
+                el.onNodeInserted(() => {
+                    this.vueapp = createApp(PomodoroHistory, {
+                        plugin: this.plugin,
+                    });
+                    this.vueapp.mount(el);
                 });
-                this.vueapp.mount(el);
             },
         );
     }