Perf: 优化细节

Lruihao · Sep 17, 2023 · 62d8a04 · 62d8a04
1 parent 140cc4a
commit 62d8a04
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -41,7 +41,7 @@
       <el-table
         :data="$fullRouter.options.routes"
         :show-header="false"
-        row-class-name="row-pointer"
+        :row-class-name="tableRowClassName"
         style="width: 100%"
         @row-click="jump"
       >
@@ -95,6 +95,9 @@ export default {
       this.$router.push(row)
       this.drawer = false
     },
+    tableRowClassName ({ row }) {
+      return row.name === this.$route.name ? 'row-pointer current-row' : 'row-pointer'
+    },
   },
 }
 </script>

diff --git a/src/views/fullscreen.vue b/src/views/fullscreen.vue
@@ -20,10 +20,8 @@
           :teleport="teleport"
           @change="handleFullscreenChange"
         />
-        <el-image
-          class="fullscreen-image"
-          :src="imageUrl"
-        />
+        <el-image v-show="!isFullscreen" class="fullscreen-image" src="//picsum.photos/640/360?random=1" />
+        <el-image v-show="isFullscreen" class="fullscreen-image" src="//picsum.photos/1280/720?random=1" />
       </div>
     </div>
   </div>
@@ -45,11 +43,6 @@ export default {
       teleport: false,
     }
   },
-  computed: {
-    imageUrl() {
-      return this.isFullscreen ? '//picsum.photos/1280/720?random=1' : '//picsum.photos/640/360?random=1'
-    },
-  },
   methods: {
     handleFullscreenChange(isFullscreen) {
       this.isFullscreen = isFullscreen