优化测试

 <template>
 <template>
   <!-- 页面缓存 -->
   <!-- 页面缓存 -->
-  <router-view v-slot="{ Component }">
+  <router-view v-slot="{ Component, route }">
     <keep-alive :include="keepPages">
     <keep-alive :include="keepPages">
-      <component :is="Component" :key="$route.name" />
+      <component :is="Component" :key="route.name" />
     </keep-alive>
     </keep-alive>
   </router-view>
   </router-view>
 </template>
 </template>

@@ -75,7 +75,6 @@ export default {
   created() {
   created() {
   },
   },
   mounted() {
   mounted() {
-    setTimeout(() => {
     var mp = new MuiPlayer({
     var mp = new MuiPlayer({
       container: '#mui-player-' + this.item.id,
       container: '#mui-player-' + this.item.id,
       title: this.item.title,
       title: this.item.title,
@@ -96,7 +95,6 @@ export default {
     video && video.addEventListener('play', function (event) {
     video && video.addEventListener('play', function (event) {
       _this.handleAction('play', _this.item.id)
       _this.handleAction('play', _this.item.id)
     });
     });
-    }, 500);
   },
   },
   methods: {
   methods: {
     goTo () { // 跳转作品详情页
     goTo () { // 跳转作品详情页

@@ -13,7 +13,7 @@ export const mainStore = defineStore('main', {
       scrollTopCollection: 0,
       scrollTopCollection: 0,
       scrollTopLike: 0,
       scrollTopLike: 0,
       scrollTopPerson: 0,
       scrollTopPerson: 0,
-      keepPages: 'default', // 很坑爹，空值全部都缓存
+      keepPages: ['default'], // 很坑爹，空值全部都缓存
     };
     };
   },
   },
   getters: {
   getters: {
@@ -44,20 +44,13 @@ export const mainStore = defineStore('main', {
       this.scrollTopPerson = v;
       this.scrollTopPerson = v;
     },
     },
     changeKeepPages () { // 清空所有缓存，用一个不存在的值覆盖
     changeKeepPages () { // 清空所有缓存，用一个不存在的值覆盖
-      this.keepPages = 'default';
+      this.keepPages = ['default'];
     },
     },
     keepThisPage (page) { // 新增缓存页
     keepThisPage (page) { // 新增缓存页
-      const arr = this.keepPages.split(",");
-      arr.push(page);
-      this.keepPages = arr + "";
+      this.keepPages.push(page);
     },
     },
     removeThisPage (page) { // 删除缓存页
     removeThisPage (page) { // 删除缓存页
-      const arr = this.keepPages.split(",");
-      const index = arr.findIndex(x => x === page);
-      if (index > 0) {
-        arr.splice(index, 1);
-      }
-      this.keepPages = arr + "";
+      _.remove(this.keepPages, item => item === page)
     }
     }
   },
   },
 });
 });