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
         }
      },