若依ruoyi-vue前端页签缓存设置

利用路由元信息（meta）

在路由配置中，为需要缓存的路由设置 keepAlive 属性为 true。例如：

{
  path: '/system/user',
  name: 'User',
  component: () => import('@/views/system/user/user.vue'),
  meta: { keepAlive: true }
}
1
2
3
4
5
6

注意事项

• 在系统管理-菜单管理-可以配置菜单页签是否缓存，默认为缓存。
• 一定要保证两者的名字相同，切记写重或者写错。默认如果不写 name 就不会被缓存。
• name 命名时候尽量保证唯一性 切记不要和某些组件的命名重复了，不然会递归引用最后内存溢出等问题。
• 页面缓存开启后，如果路由参数变化，则不会重新加载页面。因此，在需要重新加载页面时，需要手动刷新页面或重新切换路由。
• 页面缓存可能会导致内存占用增加。因此，对于一些内存占用较大的页面，可以考虑不进行缓存。