fix(水印): 解决登录成功后水印不更新问题-改为mittbus

pig-mesh · Aug 23, 2024 · d57a423 · d57a423
1 parent 8160353
commit d57a423
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -16,12 +16,6 @@ import { Local, Session } from '/@/utils/storage';
 import mittBus from '/@/utils/mitt';
 import setIntroduction from '/@/utils/setIconfont';
 
-provide('onWartermarkChange', () => {
-	if (settingRef.value) {
-		settingRef.value.onWartermarkChange();
-	}
-});
-
 // 引入组件
 const LockScreen = defineAsyncComponent(() => import('/@/layout/lockScreen/index.vue'));
 const Setings = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/setings.vue'));
@@ -64,6 +58,10 @@ onMounted(() => {
 		mittBus.on('openSetingsDrawer', () => {
 			settingRef.value.openDrawer();
 		});
+		// 监听登录成功后重新加载水印
+		mittBus.on('updateWartermark', () => {
+			settingRef.value.onWartermarkChange();
+		});
 		// 获取缓存中的布局配置
 		if (Local.get('themeConfig')) {
 			storesThemeConfig.setThemeConfig({ themeConfig: Local.get('themeConfig') });
@@ -75,9 +73,10 @@ onMounted(() => {
 		}
 	});
 });
-// 页面销毁时，关闭监听布局配置/i18n监听
+// 页面销毁时，关闭监听布局配置/i18n监听/更新水印
 onUnmounted(() => {
 	mittBus.off('openSetingsDrawer', () => {});
+	mittBus.off('updateWartermark', () => {});
 });
 // 监听路由的变化，设置网站标题
 watch(

diff --git a/src/types/mitt.d.ts b/src/types/mitt.d.ts
@@ -11,6 +11,7 @@
  * @method openShareTagsView 布局设置弹窗，开启 TagsView 共用
  * @method onTagsViewRefreshRouterView tagsview 刷新界面
  * @method onCurrentContextmenuClick tagsview 右键菜单每项点击时
+ * @method updateWartermark 更新水印显示内容
  */
 declare type MittType<T = any> = {
 	openSetingsDrawer?: string;
@@ -23,6 +24,7 @@ declare type MittType<T = any> = {
 	openShareTagsView?: string;
 	onTagsViewRefreshRouterView?: T;
 	onCurrentContextmenuClick?: T;
+	updateWartermark?: T;
 };
 
 // mitt 参数类型定义

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
@@ -40,13 +40,13 @@ import { formatAxis } from '/@/utils/formatTime';
 import { useMessage } from '/@/hooks/message';
 import { Session } from '/@/utils/storage';
 import { initBackEndControlRoutes } from '/@/router/backEnd';
+import mittBus from '/@/utils/mitt';
 
 // 引入组件
 const Password = defineAsyncComponent(() => import('./component/password.vue'));
 const Mobile = defineAsyncComponent(() => import('./component/mobile.vue'));
 const Register = defineAsyncComponent(() => import('./component/register.vue'));
 
-const onWartermarkChange = inject<() => void>('onWartermarkChange');
 // 定义变量内容
 const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
@@ -73,7 +73,7 @@ const signInSuccess = async () => {
 		Session.clear();
 	} else {
 		// 重新加载水印
-		onWartermarkChange && onWartermarkChange()
+		mittBus.emit('updateWartermark');
 		// 初始化登录成功时间问候语
 		let currentTimeInfo = formatAxis(new Date());
 		if (route.query?.redirect) {