From 80476fae71f08bf4408c7509eff254031a4eeac6 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Wed, 24 Aug 2022 18:47:09 +0800 Subject: [PATCH] 路由修正,常量提取 --- src/components/group/platformGroup.vue | 32 +++++++++++++++++++++----------- 1 files changed, 21 insertions(+), 11 deletions(-) diff --git a/src/components/group/platformGroup.vue b/src/components/group/platformGroup.vue index 7b2393e..bf2bad1 100644 --- a/src/components/group/platformGroup.vue +++ b/src/components/group/platformGroup.vue @@ -1,13 +1,14 @@ <template> - <a-tabs :defaultActiveKey="activeKey" :tabBarStyle="{'display': 'flex','justify-content': 'center'}"> - <a-tab-pane key="1" tab="片刻"> + <a-tabs :defaultActiveKey="activeKey" @change="changeKey" + :tabBarStyle="{'display': 'flex','justify-content': 'center'}"> + <a-tab-pane :key="keyType.type_1" tab="片刻"> <videoList v-on="$listeners" :activeKey="activeKey"></videoList> </a-tab-pane> - <a-tab-pane key="2" tab="流影"> - <photoShow :activeKey="activeKey"></photoShow> + <a-tab-pane :key="keyType.type_2" tab="流影"> + <videoList v-on="$listeners" :activeKey="activeKey"></videoList> </a-tab-pane> - <a-tab-pane key="3" tab="谱库"> + <a-tab-pane :key="keyType.type_3" tab="谱库"> <photoShow :activeKey="activeKey"></photoShow> </a-tab-pane> </a-tabs> @@ -17,11 +18,12 @@ <script> import videoList from "../mini/box14-video.vue" import photoShow from "../mini/box18-photoShow.vue" + import myConstant from "../../config/myConstant.js" export default { components: { videoList, - photoShow + photoShow, }, created() { this.getActiveKey() @@ -35,17 +37,25 @@ }, methods: { getActiveKey() { - if (this.$route.query.activeKey == "" || this.$route.query.activeKey == undefined) { - this.activeKey = this.defaultActiveKey; - } else { + if (this.$route.query.activeKey != "" && this.$route.query.activeKey != undefined) { this.activeKey = this.$route.query.activeKey; + } else { + //随机三选一 + var random = Math.floor(Math.random() * 10); + this.activeKey = random >= 8 ? + this.keyType.type_3 : (random <= 3 ? this.keyType.type_2 : this.keyType.type_1) } + this.$router.replace({query:{activeKey:this.activeKey}}) }, + changeKey(key) { + this.activeKey = key + this.$router.replace({query:{activeKey:this.activeKey}}) + } }, data() { return { - activeKey: "1", - defaultActiveKey: "1", + activeKey: "moment", + keyType: myConstant.activeKeyType } }, -- Gitblit v1.9.1