From 9968d14c393e6362192039d797cd58758a8fc89f Mon Sep 17 00:00:00 2001
From: 落叶橘橙 <wzsdch@qq.com>
Date: 星期四, 25 四月 2024 10:15:20 +0800
Subject: [PATCH] update src/components/ImagePreview/index.vue. 图片预览功能 let real_src_list = props.src.split(',');会多出一个''对象，会导致图片浏览时多一个空白预览。增加一个判空。
---
src/layout/components/IframeToggle/index.vue | 37 +++++++++++++++++++++++--------------
1 files changed, 23 insertions(+), 14 deletions(-)
diff --git a/src/layout/components/IframeToggle/index.vue b/src/layout/components/IframeToggle/index.vue
index e6e131e..2de529d 100644
--- a/src/layout/components/IframeToggle/index.vue
+++ b/src/layout/components/IframeToggle/index.vue
@@ -1,19 +1,28 @@
+<template>
+ <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()
-</script>
+const tagsViewStore = useTagsViewStore();
-<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>
-</template>
+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