From 860e1eaac3c0dd6efc6c645c719dcc95a3e578ef Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Thu, 14 Dec 2023 18:31:24 +0800
Subject: [PATCH] fix: error cause when switch type in new key dialog

---
 frontend/src/components/dialogs/NewKeyDialog.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/dialogs/NewKeyDialog.vue b/frontend/src/components/dialogs/NewKeyDialog.vue
index 0770ad6..509d46a 100644
--- a/frontend/src/components/dialogs/NewKeyDialog.vue
+++ b/frontend/src/components/dialogs/NewKeyDialog.vue
@@ -100,6 +100,10 @@ const renderTypeLabel = (option) => {
     )
 }
 
+const onChangeType = () => {
+    newForm.value = null
+}
+
 const browserStore = useBrowserStore()
 const tabStore = useTabStore()
 const onAdd = async () => {
@@ -188,7 +192,11 @@ const onClose = () => {
                         filterable />
                 </n-form-item>
                 <n-form-item :label="$t('interface.type')" path="type" required>
-                    <n-select v-model:value="newForm.type" :options="options" :render-label="renderTypeLabel" />
+                    <n-select
+                        v-model:value="newForm.type"
+                        :options="options"
+                        :render-label="renderTypeLabel"
+                        @update:value="onChangeType" />
                 </n-form-item>
                 <n-form-item :label="$t('interface.ttl')" required>
                     <n-input-group>