| | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import InnerLink from "../InnerLink/index.vue"; |
|---|
| | | import useTagsViewStore from '@/store/modules/tagsView'; |
|---|
| | | |
|---|
| | | const route = useRoute(); |
|---|
| | | const tagsViewStore = useTagsViewStore() |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <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 : ''" |
|---|
| | | :key="item.path" |
|---|
| | | :iframe-id="'iframe' + index" |
|---|
| | | :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(); |
|---|
| | | |
|---|
| | | 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> |
|---|
