Commit c73694ab8b0b6242c4d5e0f30bc7ebe3d69b4e33
1 parent
81a0f478
fix: user dropdown event response failure
修正顶部用户下拉菜单不响应点击事件的问题
Showing
1 changed file
with
22 additions
and
16 deletions
src/layouts/default/header/components/user-dropdown/index.vue
| @@ -10,10 +10,11 @@ | @@ -10,10 +10,11 @@ | ||
| 10 | </span> | 10 | </span> |
| 11 | 11 | ||
| 12 | <template #overlay> | 12 | <template #overlay> |
| 13 | - <Menu @click="handleMenuClick"> | 13 | + <Menu> |
| 14 | <MenuItem | 14 | <MenuItem |
| 15 | key="doc" | 15 | key="doc" |
| 16 | :text="t('layout.header.dropdownItemDoc')" | 16 | :text="t('layout.header.dropdownItemDoc')" |
| 17 | + @click="openDoc" | ||
| 17 | icon="ion:document-text-outline" | 18 | icon="ion:document-text-outline" |
| 18 | v-if="getShowDoc" | 19 | v-if="getShowDoc" |
| 19 | /> | 20 | /> |
| @@ -21,11 +22,13 @@ | @@ -21,11 +22,13 @@ | ||
| 21 | <MenuItem | 22 | <MenuItem |
| 22 | v-if="getUseLockPage" | 23 | v-if="getUseLockPage" |
| 23 | key="lock" | 24 | key="lock" |
| 25 | + @click="handleLock" | ||
| 24 | :text="t('layout.header.tooltipLock')" | 26 | :text="t('layout.header.tooltipLock')" |
| 25 | icon="ion:lock-closed-outline" | 27 | icon="ion:lock-closed-outline" |
| 26 | /> | 28 | /> |
| 27 | <MenuItem | 29 | <MenuItem |
| 28 | key="logout" | 30 | key="logout" |
| 31 | + @click="handleLoginOut" | ||
| 29 | :text="t('layout.header.dropdownItemLoginOut')" | 32 | :text="t('layout.header.dropdownItemLoginOut')" |
| 30 | icon="ion:power-outline" | 33 | icon="ion:power-outline" |
| 31 | /> | 34 | /> |
| @@ -54,7 +57,7 @@ | @@ -54,7 +57,7 @@ | ||
| 54 | 57 | ||
| 55 | import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'; | 58 | import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'; |
| 56 | 59 | ||
| 57 | - type MenuEvent = 'logout' | 'doc' | 'lock'; | 60 | + //type MenuEvent = 'logout' | 'doc' | 'lock'; |
| 58 | 61 | ||
| 59 | export default defineComponent({ | 62 | export default defineComponent({ |
| 60 | name: 'UserDropdown', | 63 | name: 'UserDropdown', |
| @@ -95,28 +98,31 @@ | @@ -95,28 +98,31 @@ | ||
| 95 | openWindow(DOC_URL); | 98 | openWindow(DOC_URL); |
| 96 | } | 99 | } |
| 97 | 100 | ||
| 98 | - function handleMenuClick(e: { key: MenuEvent }) { | ||
| 99 | - switch (e.key) { | ||
| 100 | - case 'logout': | ||
| 101 | - handleLoginOut(); | ||
| 102 | - break; | ||
| 103 | - case 'doc': | ||
| 104 | - openDoc(); | ||
| 105 | - break; | ||
| 106 | - case 'lock': | ||
| 107 | - handleLock(); | ||
| 108 | - break; | ||
| 109 | - } | ||
| 110 | - } | 101 | + // function handleMenuClick(e: { key: MenuEvent }) { |
| 102 | + // switch (e.key) { | ||
| 103 | + // case 'logout': | ||
| 104 | + // handleLoginOut(); | ||
| 105 | + // break; | ||
| 106 | + // case 'doc': | ||
| 107 | + // openDoc(); | ||
| 108 | + // break; | ||
| 109 | + // case 'lock': | ||
| 110 | + // handleLock(); | ||
| 111 | + // break; | ||
| 112 | + // } | ||
| 113 | + // } | ||
| 111 | 114 | ||
| 112 | return { | 115 | return { |
| 113 | prefixCls, | 116 | prefixCls, |
| 114 | t, | 117 | t, |
| 115 | getUserInfo, | 118 | getUserInfo, |
| 116 | - handleMenuClick, | 119 | + // handleMenuClick, |
| 117 | getShowDoc, | 120 | getShowDoc, |
| 118 | register, | 121 | register, |
| 119 | getUseLockPage, | 122 | getUseLockPage, |
| 123 | + handleLoginOut, | ||
| 124 | + openDoc, | ||
| 125 | + handleLock, | ||
| 120 | }; | 126 | }; |
| 121 | }, | 127 | }, |
| 122 | }); | 128 | }); |