vue页面缓存解决方案

关于vue页面通过解决方案

方案一：使用keep-alive和v-if （备注：这种方案有问题，关闭面板后，在通过菜单打开页面还是有缓存）

1、添加keep-alive

          
        
         

1
2
3
4
5

2、在路由中添加缓存字段

		path:'XXx',
        name:'XXXX',
        component: () => import('.XXX'),
        meta: {
          title:'XXX',
          keepAlive: true
        }
1
2
3
4
5
6
7

方案二：使用keep-alive和v-if （无方案一中的问题）

1、添加keep-alive