refine tab-views
This commit is contained in:
parent
e3198fd47d
commit
6cb64bebdc
|
@ -1,6 +1,5 @@
|
||||||
import Cookies from 'js-cookie';
|
import Cookies from 'js-cookie';
|
||||||
|
|
||||||
|
|
||||||
const app = {
|
const app = {
|
||||||
state: {
|
state: {
|
||||||
sidebar: {
|
sidebar: {
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class='tabs-view-container'>
|
<div class='tabs-view-container'>
|
||||||
<router-link class="tabs-view" v-for="tag in Array.from(visitedViews)" :to="tag.path" :key="tag.path">
|
<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}}
|
{{tag.name}}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</router-link>
|
</router-link>
|
||||||
|
@ -29,6 +29,9 @@
|
||||||
},
|
},
|
||||||
addViewTabs() {
|
addViewTabs() {
|
||||||
this.$store.dispatch('addVisitedViews', this.generateRoute())
|
this.$store.dispatch('addVisitedViews', this.generateRoute())
|
||||||
|
},
|
||||||
|
isActive(path) {
|
||||||
|
return path === this.$route.path
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
Loading…
Reference in New Issue