From 4bdd6630a1fe207e9251f8fb66f62e5195344c28 Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Thu, 20 Feb 2020 21:07:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=9B=E5=85=A5=E5=AD=90=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E4=B9=9F=E4=BF=9D=E6=8C=81=E9=A1=B6=E9=83=A8=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E6=BF=80=E6=B4=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../performance/components/HeaderTopMenus.vue | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/frontend/src/performance/components/HeaderTopMenus.vue b/frontend/src/performance/components/HeaderTopMenus.vue
index 2c374f15fb..145cf629d4 100644
--- a/frontend/src/performance/components/HeaderTopMenus.vue
+++ b/frontend/src/performance/components/HeaderTopMenus.vue
@@ -4,7 +4,8 @@
            class="header-top-menus"
            text-color="#F2F2F2"
            active-text-color="#fff"
-           :default-active="$route.path"
+           :default-active="activeIndex"
+           @select="handleSelect"
            router>
     <el-menu-item index="1">功能测试</el-menu-item>
     <el-menu-item index="/createTest" onselectstart="return false">性能测试</el-menu-item>
@@ -14,7 +15,25 @@
 
 <script>
   export default {
-    name: "MsTopMenus"
+    name: "MsTopMenus",
+    data() {
+      return {
+        activeIndex: '/'
+      }
+    },
+    watch: {
+      '$route' () {
+        this.handleSelect(this.activeIndex);
+      }
+    },
+    mounted () {
+      this.activeIndex = this.$route.matched[0].path || '/'
+    },
+    methods: {
+      handleSelect (index) {
+        this.activeIndex = index
+      }
+    }
   }
 </script>
 <style>