!72 发布 vue 版本 5.1.2 与 cloud 版本 2.1.2 Merge pull request !72 from 疯狂的狮子Li/temp

疯狂的狮子Li

2023-12-22 cc9b67d4676dd51a6b2d88e92607aca2629ee54d

 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="iframeUrl(item.meta ? item.meta.link : '', item.query)"
    ></inner-link>
  </transition-group>
</template>

<script setup lang="ts">
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, 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>