在app.vue页面添加:
<div id="app">
<keep-alive>
<router-view v-if='$route.meta.keepAlive'/>
</keep-alive>
<router-view v-if='!$route.meta.keepAlive'/>
</div>
在router中缓存页面路由设置:
keep-alive是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。
{
path: '/content',
name: 'content',
component: () => import('./../views/content.vue'),
meta: {
keepAlive: true
}
},
最后,刷新成功。