跳到主要内容

Vue 页面返回不刷新

Vue 项目有时候需要返回后的页面保持不刷新,这时候要用到<keep-alive/>标签

1. 在 router 中定义需要保持的页面

{
path:'/a',
meta:{
keepAlive:true
}
}

2. 包裹<router-view>

<router-view v-if="!$route.meta.keepAlive"/>
<keep-alive>
<router-view v-if="$route.meta.keepAlive"/>
</keep-alive>