vue-router开启keep-alive,缓存组件

keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。

背景:vue-router做的页面跳转

      带有学期选择的列表页,跳转到本学期某课程的详情页,详情页返回列表页时,希望回到的是刚选择的学期的课程

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

router.js中需要缓存的页面添加keepAlive为true

 

posted @ 2018-01-28 15:23  MissBean  阅读(527)  评论(0)    收藏  举报