vue切换选项卡 页面缓存

项目需求： 页面左侧是菜单栏，页面顶部是导航栏（布局如下），点击菜单，路由跳转，导航栏会新增该菜单的选项卡，然而当我在导航栏切换选项卡时，页面会重新刷新，导致用户体验不好，现在要求，用户点击菜单之后，需要对该页面进行缓存。

 

思路：通过keep-alive 来实现缓存，百度之后，基本上都是在app.vue入口文件添加keep-alive，操作如下

但是问题来了，在这里添加之后，并没有缓存效果

解决办法：因为导航页入口文件不在这边，而是在有tab页的位置，具体看项目的页面

加在这个位置即可， 然后用include匹配需要缓存的菜单名称

有问题欢迎指出~