refine tab-views

MingGeng · Jul 14, 2017 · 6cb64be · 6cb64be
1 parent e3198fd
commit 6cb64be
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
@@ -1,6 +1,5 @@
 import Cookies from 'js-cookie';
 
-
 const app = {
   state: {
     sidebar: {

diff --git a/src/views/layout/TabsView.vue b/src/views/layout/TabsView.vue
@@ -1,7 +1,7 @@
 <template>
   <div class='tabs-view-container'>
     <router-link class="tabs-view" v-for="tag in Array.from(visitedViews)" :to="tag.path" :key="tag.path">
-      <el-tag :closable="true" @close='closeViewTabs(tag,$event)'>
+      <el-tag :closable="true" :type="isActive(tag.path)?'primary':''" @close='closeViewTabs(tag,$event)'>
         {{tag.name}}
       </el-tag>
     </router-link>
@@ -29,6 +29,9 @@
       },
       addViewTabs() {
         this.$store.dispatch('addVisitedViews', this.generateRoute())
+      },
+      isActive(path) {
+        return path === this.$route.path
       }
     },
     watch: {