|
@@ -1,24 +1,33 @@
|
|
|
-<template>
|
|
|
- <transition-group name="fade-transform" mode="out-in">
|
|
|
- <inner-link
|
|
|
- v-for="(item, index) in iframeViews"
|
|
|
- :key="item.path"
|
|
|
- :iframeId="'iframe' + index"
|
|
|
- v-show="$route.path === item.path"
|
|
|
- :src="item.meta.link"
|
|
|
- ></inner-link>
|
|
|
- </transition-group>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import InnerLink from "../InnerLink/index"
|
|
|
-
|
|
|
-export default {
|
|
|
- components: { InnerLink },
|
|
|
- computed: {
|
|
|
- iframeViews() {
|
|
|
- return this.$store.state.tagsView.iframeViews
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</script>
|
|
|
+<template>
|
|
|
+ <transition-group name="fade-transform" mode="out-in">
|
|
|
+ <inner-link
|
|
|
+ v-for="(item, index) in iframeViews"
|
|
|
+ :key="item.path"
|
|
|
+ :iframeId="'iframe' + index"
|
|
|
+ v-show="$route.path === item.path"
|
|
|
+ :src="iframeUrl(item.meta.link, item.query)"
|
|
|
+ ></inner-link>
|
|
|
+ </transition-group>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import InnerLink from "../InnerLink/index";
|
|
|
+
|
|
|
+export default {
|
|
|
+ components: { InnerLink },
|
|
|
+ computed: {
|
|
|
+ iframeViews() {
|
|
|
+ return this.$store.state.tagsView.iframeViews;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ iframeUrl(url, query) {
|
|
|
+ if (Object.keys(query).length > 0) {
|
|
|
+ let params = Object.keys(query).map((key) => key + "=" + query[key]).join("&");
|
|
|
+ return url + "?" + params;
|
|
|
+ }
|
|
|
+ return url;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|