From 597f2b4461eb38626cfcfc243ca0eefaf076069c Mon Sep 17 00:00:00 2001
From: 疯狂的狮子Li <15040126243@163.com>
Date: 星期六, 23 十二月 2023 19:38:34 +0800
Subject: [PATCH] fix 修复 websocket 非index页面刷新无法重连问题
---
src/layout/components/IframeToggle/index.vue | 30 +++++++++++++++++++-----------
1 files changed, 19 insertions(+), 11 deletions(-)
diff --git a/src/layout/components/IframeToggle/index.vue b/src/layout/components/IframeToggle/index.vue
index 9ffae00..870624c 100644
--- a/src/layout/components/IframeToggle/index.vue
+++ b/src/layout/components/IframeToggle/index.vue
@@ -1,19 +1,27 @@
<template>
- <transition-group name="fade-transform" mode="out-in">
- <inner-link
- v-for="(item, index) in tagsViewStore.iframeViews"
- :key="item.path"
- :iframeId="'iframe' + index"
- v-show="route.path === item.path"
- :src="item.meta ? item.meta.link : ''"
- ></inner-link>
- </transition-group>
+ <inner-link
+ v-for="(item, index) in tagsViewStore.iframeViews"
+ v-show="route.path === item.path"
+ :key="item.path"
+ :iframe-id="'iframe' + index"
+ :src="iframeUrl(item.meta ? item.meta.link : '', item.query)"
+ ></inner-link>
</template>
<script setup lang="ts">
-import InnerLink from "../InnerLink/index.vue";
+import InnerLink from '../InnerLink/index.vue';
import useTagsViewStore from '@/store/modules/tagsView';
const route = useRoute();
-const tagsViewStore = useTagsViewStore()
+const tagsViewStore = useTagsViewStore();
+
+function iframeUrl(url: string | undefined, query: any) {
+ if (Object.keys(query).length > 0) {
+ let params = Object.keys(query)
+ .map((key) => key + '=' + query[key])
+ .join('&');
+ return url + '?' + params;
+ }
+ return url;
+}
</script>
--
Gitblit v1.9.3