vue-element-admin添加缓存

要在vue-element-admin中添加缓存，你可以按照以下步骤进行操作：

1. 首先，在src/settings.js`文件中找到`tagsView`选项，并将其设置为`true`。这将启用标签视图组件，用于管理页面缓存。

2. 接下来，在`src/layout/components/Sidebar/index.vue`文件中，找到`handleClick`方法在该方法中，找到以下代码块：

   if (!item.meta.noCache) {
     this.$store.dispatch('tagsView/addView', item)
   }

将其替换为以下代码：

   if (!item.meta.noCache && item.name !== this.$store.state.app.activeTab) {
     this.$store.dispatch('tagsView/addView', item)
   }

这样做的目的是避免重复添加相同的页面到缓存中。

3. 然后，在`src/store/modules/tagsView.js`文件中，找到`addView`方法。在该方法中，找到以下代码块：

   if (state.cachedViews.includes(view)) {
     return
   }

将其替换为以下代码：

   if (state.cachedViews.includes(view.name)) {
     return
   }

这样做的目的是检查页面名称是否已存在于缓存中。

4. 最后，在需要进行缓存的路由配置中，为每个需要缓存的页面添加`meta`字段，并将`noCache`字段设置为`false`。例如：

   {
     path: '/dashboard',
     component: () => import('@/views/dashboard/index'),
     name: 'Dashboard',
     meta: {
       title: 'Dashboard',
       icon: 'dashboard',
       noCache: false // 缓存页面
     }
   }

这样，配置的页面将会被添加到缓存中。

通过以上步骤，你就可以在vue-element-admin中成功添加页面缓存功能了。