From a4ee6ba0ca28833cbbb8cf0e675561b10fa4c1af Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期四, 12 九月 2024 01:23:40 +0800 Subject: [PATCH] 规则维护更新 --- src/layouts/default/header/components/user-dropdown/DropMenuItem.vue | 32 ++++++++++++-------------------- 1 files changed, 12 insertions(+), 20 deletions(-) diff --git a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue index 6f2b903..8d0a02a 100644 --- a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue +++ b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue @@ -1,32 +1,24 @@ <template> - <MenuItem :key="itemKey"> + <Menu.Item :key="itemKey"> <span class="flex items-center"> <Icon :icon="icon" class="mr-1" /> <span>{{ text }}</span> </span> - </MenuItem> + </Menu.Item> </template> -<script lang="ts"> +<script lang="ts" setup> import { Menu } from 'ant-design-vue'; - - import { computed, defineComponent, getCurrentInstance } from 'vue'; + import { computed, getCurrentInstance } from 'vue'; import Icon from '@/components/Icon/Icon.vue'; + import { propTypes } from '@/utils/propTypes'; - import { propTypes } from '/@/utils/propTypes'; + defineOptions({ name: 'DropdownMenuItem' }); - export default defineComponent({ - name: 'DropdownMenuItem', - components: { MenuItem: Menu.Item, Icon }, - props: { - // eslint-disable-next-line - key: propTypes.string, - text: propTypes.string, - icon: propTypes.string, - }, - setup(props) { - const instance = getCurrentInstance(); - const itemKey = computed(() => props.key || instance?.vnode?.props?.key); - return { itemKey }; - }, + defineProps({ + text: propTypes.string, + icon: propTypes.string, }); + + const instance = getCurrentInstance(); + const itemKey = computed(() => instance?.vnode?.props?.key); </script> -- Gitblit v1.9.3