若依框架使用

1、若依vue切换tab页签时页面保持不重新加载
需求：页面板块打开后，切换Tab栏各页面，页面不重新加载，保持原样，提高用户体验。

若依官网文档
页签缓存
由于目前 keep-alive 和 router-view 是强耦合的，而且查看文档和源码不难发现 keep-alive 的 include (opens new window)默认是优先匹配组件的 name ，所以在编写路由 router 和路由对应的 view component 的时候一定要确保 两者的 name 是完全一致的。(切记 name 命名时候尽量保证唯一性 切记不要和某些组件的命名重复了，不然会递归引用最后内存溢出等问题)
DEMO:
//router 路由声明
{
path: 'config',
component: ()=>import('@/views/system/config/index'),
name: 'Config',
meta: { title: '参数设置', icon: 'edit' }
}
//路由对应的view system/config/index
export default {
name: 'Config'
}
一定要保证两者的名字相同，切记写重或者写错。默认如果不写 name 就不会被缓存，详情见issue (opens new window)。
提示
在系统管理-菜单管理-可以配置菜单页签是否缓存，默认为缓存

解决方法：

1.在页面【系统管理】-【菜单管理】里【路由地址】配置 给缓存的页面上添加name:

image.png

<figcaption style="box-sizing: border-box; outline: 0px; display: block; text-align: center; margin: 8px; color: rgb(153, 153, 153); font-size: 14px; overflow-wrap: break-word;">首字母必须大写</figcaption>

2.在对应的.vue文件内添加name属性

export default{    name:'Test'}