缓存优化

src/views/index.vue

@@ -14,10 +14,9 @@
     <PageFour v-if="currentIndex === 3" />
     <PageFive v-if="currentIndex === 4" /> -->
     <!-- 正常运行时 -->
-    <!-- <keep-alive>
-      <component :is="currentPage && currentPage.title" />
-    </keep-alive> -->
+    <keep-alive :include="cachedComponentNames">
       <component :is="currentPage && currentPage.title" />
+    </keep-alive>
     <!-- bottom -->
     <div class="bottom-bg">
       <div class="bottom-content">
@@ -71,6 +70,11 @@ export default {
       yearTimer: null
     }
   },
+  computed: {
+    cachedComponentNames() {
+      return ['PageOne', 'PageTwo', 'PageFour']
+    }
+  },
   created() {
     // const METAWA = require('../assets/js/META.common.min.js')
     // const meta = new METAWA('665e845538d68')

src/views/mixins/index.js

@@ -134,8 +134,7 @@ export const pageCrud = {
     startPageSwitch() {
       // 清除可能存在的旧定时器
       this.stopAutoSwitch()
-
-      if (!this.pageData.length) return // 无页面数据则退出
+      if (!this.pageData.length) return
 
       // 获取当前页面的延迟时间
       const currentDelay = parseInt(this.pageData[this.currentIndex].delayed) * 1000
@@ -159,7 +158,6 @@ export const pageCrud = {
       }, currentDelay)
     },
     stopAutoSwitch() {
-      // 清除定时器（注意变量名从intervalId改为timeoutId）
       if (this.timeoutId) {
         clearTimeout(this.timeoutId)
         this.timeoutId = null

src/views/pageOne/index.vue

@@ -658,7 +658,6 @@ export default {
         })
 
         Promise.all(this.newList).then(results => {
-          // 过滤掉返回的空项（根据实际需求）
           this.newList = results.filter(item => item !== null)
           // 一分为二得两行
           const halfLength = Math.ceil(this.newList.length / 2)