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

作者 : admin 本文共383个字,预计阅读时间需要1分钟 发布时间: 2024-06-10 共1人阅读

页签缓存

利用路由元信息(meta)

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

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

注意事项

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