页签缓存
利用路由元信息(meta)
在路由配置中,为需要缓存的路由设置 keepAlive
属性为 true
。例如:
{ path: '/system/user', name: 'User', component: () => import('@/views/system/user/user.vue'), meta: { keepAlive: true }}
注意事项
在系统管理-菜单管理-可以配置菜单页签是否缓存,默认为缓存。一定要保证两者的名字相同,切记写重或者写错。默认如果不写 name 就不会被缓存。name 命名时候尽量保证唯一性 切记不要和某些组件的命名重复了,不然会递归引用最后内存溢出等问题。页面缓存开启后,如果路由参数变化,则不会重新加载页面。因此,在需要重新加载页面时,需要手动刷新页面或重新切换路由。页面缓存可能会导致内存占用增加。因此,对于一些内存占用较大的页面,可以考虑不进行缓存。