From 705bff310f9d3ab86612b0a44b98380a8491086c Mon Sep 17 00:00:00 2001 From: Justineo Date: Fri, 1 Sep 2023 12:21:32 +0800 Subject: [PATCH] fix: fix codegen focus --- src/demo/CodeGen.vue | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/src/demo/CodeGen.vue b/src/demo/CodeGen.vue index 6e7951f..216c8cc 100644 --- a/src/demo/CodeGen.vue +++ b/src/demo/CodeGen.vue @@ -6,7 +6,8 @@ import { onBeforeUnmount, defineProps, defineEmits, - onMounted + onMounted, + nextTick } from "vue"; import { useLocalStorage } from "@vueuse/core"; import "highlight.js/styles/github.css"; @@ -53,17 +54,17 @@ const renderer = ref(props.renderer); const source = ref(null); watch( () => props.open, - val => { + async val => { if (val) { renderer.value = props.renderer; } - setTimeout(() => { - if (initializing.value) { - return; - } - source.value?.focus(); - }); + await nextTick(); + + if (initializing.value) { + return; + } + source.value?.focus(); } ); @@ -78,6 +79,9 @@ onMounted(async () => { }); initializing.value = false; + + await nextTick(); + source.value?.focus(); });