vue keep-alive实现前进刷新后退不刷新

1     path: ‘homeInfo‘,
2     name: ‘HomeInfo‘,
3     component: () => import(‘@/views/home/index‘),
4     meta: {
5       title: ‘列表页‘,
6       keepAlive: true, // 判断是否需要缓存
7       isBack: false // 判断是否为返回操作
8     }

 1 activated() {
 2     if (!this.$route.meta.isBack) {
 3       // 操作，从其他页面进入时，可以操作恢复默认状态、请求接口。。。
 4       // 页码重置查询
 5  
 6     } else {
 7       // 详情页返回操作，比如页面位置
 8       //  页码不重置
 9    
10     }
11   },
12   beforeRouteEnter(to, from, next) {
13     if (from.name === ‘HomeInfo‘ ) {
14       to.meta.isBack = true
15     } else {
16       to.meta.isBack = false
17     }
18     next()
19   }