refactor: keepalive无效问题修复和代码vue社区代码规范调整

Former-commit-id: f661982d54f1738ff9739f1afc993181a466f052

src/layout/components/AppMain.vue

@@ -3,7 +3,7 @@
     <router-view v-slot="{ Component, route }">
       <transition name="router-fade" mode="out-in">
         <keep-alive :include="cachedViews">
-          <component :is="Component" :key="route.path" />
+          <component :is="Component" :key="route.fullPath" />
         </keep-alive>
       </transition>
     </router-view>
@@ -29,7 +29,7 @@ const cachedViews = computed(() => tagsView.cachedViews);
   overflow: hidden;
 }
 
-.fixed-header + .app-main {
+.fixed-header+.app-main {
   padding-top: 50px;
 }
 
@@ -39,7 +39,7 @@ const cachedViews = computed(() => tagsView.cachedViews);
     min-height: calc(100vh - 84px);
   }
 
-  .fixed-header + .app-main {
+  .fixed-header+.app-main {
     padding-top: 84px;
   }
 }

src/layout/components/Sidebar/Logo.vue

@@ -30,7 +30,7 @@ const state = reactive({
 const { isCollapse } = toRefs(state)
 
 const title = ref("vue3-element-admin")
-const logo = ref("https://s2.loli.net/2022/04/07/hyquWXELOoYvlP6.png")
+const logo = ref("https://www.youlai.tech/files/blog/logo.png")
 
 </script>
 
@@ -61,7 +61,6 @@ const logo = ref("https://s2.loli.net/2022/04/07/hyquWXELOoYvlP6.png")
       width: 32px;
       height: 32px;
       vertical-align: middle;
-      margin-right: 12px;
     }
 
     & .sidebar-title {
@@ -73,6 +72,7 @@ const logo = ref("https://s2.loli.net/2022/04/07/hyquWXELOoYvlP6.png")
       font-size: 14px;
       font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
       vertical-align: middle;
+      margin-left: 12px;
     }
   }
 

src/layout/components/TagsView/index.vue

@@ -1,37 +1,16 @@
 <template>
   <div id="tags-view-container" class="tags-view-container">
-    <scroll-pane
-      ref="scrollPaneRef"
-      class="tags-view-wrapper"
-      @scroll="handleScroll"
-    >
-      <router-link
-        v-for="tag in visitedViews"
-        :key="tag.path"
-        :class="isActive(tag) ? 'active' : ''"
-        :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
-        class="tags-view-item"
-        @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
-        @contextmenu.prevent="openMenu(tag, $event)"
-      >
+    <scroll-pane ref="scrollPaneRef" class="tags-view-wrapper" @scroll="handleScroll">
+      <router-link v-for="tag in visitedViews" :key="tag.path" :class="isActive(tag) ? 'active' : ''"
+        :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" class="tags-view-item"
+        @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''" @contextmenu.prevent="openMenu(tag, $event)">
         {{ generateTitle(tag.meta.title) }}
-        <span
-          v-if="!isAffix(tag)"
-          class="el-icon-close"
-          @click.prevent.stop="closeSelectedTag(tag)"
-        >
-          <Close
-            class="el-icon-close"
-            style="width: 1em; height: 1em; vertical-align: middle"
-          />
+        <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)">
+          <Close class="el-icon-close" style="width: 1em; height: 1em; vertical-align: middle" />
         </span>
       </router-link>
     </scroll-pane>
-    <ul
-      v-show="visible"
-      :style="{ left: left + 'px', top: top + 'px' }"
-      class="contextmenu"
-    >
+    <ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
       <li @click="refreshSelectedTag(selectedTag)">
         <refresh-right style="width: 1em; height: 1em" />
         刷新
@@ -68,7 +47,7 @@ import {
   ref,
   watch,
   onMounted,
-ComponentInternalInstance,
+  ComponentInternalInstance,
 } from "vue";
 
 import path from "path-browserify";
@@ -155,7 +134,6 @@ function addTags() {
   if (route.name) {
     tagsView.addView(route);
   }
-  return false;
 }
 
 function moveToCurrentTag() {
@@ -188,7 +166,7 @@ function isFirstView() {
   try {
     return (
       (selectedTag.value as TagView).fullPath ===
-        visitedViews.value[1].fullPath ||
+      visitedViews.value[1].fullPath ||
       (selectedTag.value as TagView).fullPath === "/index"
     );
   } catch (err) {
@@ -303,7 +281,7 @@ function handleScroll() {
 
 onMounted(() => {
   initTags();
-  addTags();
+   addTags();
 });
 </script>