fix(components): fix:router-tab-hidden

GeekQiaQia · Jun 16, 2021 · c6475ca · c6475ca
1 parent dda61fe
commit c6475ca
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
@@ -36,10 +36,11 @@ export default defineComponent({
     const route = useRoute()
     // 监听当前路由，判断是否入栈
     watchEffect(() => {
+      console.log(route)
       // 判断当前路由中是否已经入栈 route
       const flag = tabsOption.value.findIndex((tab: { route: string }) => tab.route === route.fullPath) > -1
       console.log('watchEffect route,', route, route.fullPath, flag)
-      if (!flag) {
+      if (!flag && !route.meta.hidden) {
         store.commit('tabModule/ADD_TAB', { route: route.fullPath, title: route.meta.title, name: route.name })
       }
       store.commit('tabModule/SET_TAB', route.fullPath)

diff --git a/src/views/login.vue b/src/views/login.vue
@@ -109,7 +109,7 @@ export default defineComponent({
 .container{
 
     position: relative;
-    background-image:linear-gradient(90deg, #ebebeb, #e6efe8);
+    background-image:linear-gradient(90deg, #ebebeb, #f5f7f6);
     height: 100vh;
     display: flex;
     justify-content: center;