From 869b90aeb17136c190948062da4fffce99296766 Mon Sep 17 00:00:00 2001
From: shizhongming <zhongming4762@hotmail.com>
Date: Thu, 29 Feb 2024 21:45:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=9E=B6=E6=9E=84):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=8F=B3=E4=B8=8A=E8=A7=92=E4=B8=8B=E6=8B=89=E8=AD=A6=E5=91=8A?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/user-dropdown/DropMenuItem.vue       | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
index 30a77e339..2354fac4a 100644
--- a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
+++ b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
@@ -1,14 +1,14 @@
 <template>
   <Menu.Item :key="itemKey">
     <span class="flex items-center">
-      <Icon :icon="icon" class="mr-1" />
-      <span>{{ text }}</span>
+      <Icon :icon="props.icon" class="mr-1" />
+      <span>{{ props.text }}</span>
     </span>
   </Menu.Item>
 </template>
 <script lang="ts" setup>
   import { Menu } from 'ant-design-vue';
-  import { computed, getCurrentInstance } from 'vue';
+  import { computed, getCurrentInstance, useAttrs } from 'vue';
   import Icon from '@/components/Icon/Icon.vue';
   import { propTypes } from '@/utils/propTypes';
 
@@ -16,11 +16,14 @@
 
   const props = defineProps({
     // eslint-disable-next-line
-    key: propTypes.string,
     text: propTypes.string,
     icon: propTypes.string,
   });
 
+  const attrs = useAttrs();
+
   const instance = getCurrentInstance();
-  const itemKey = computed(() => props.key || instance?.vnode?.props?.key);
+  const itemKey = computed(
+    () => (attrs.key || instance?.vnode?.props?.key) as string | number | undefined,
+  );
 </script>