缓存路由页面的当前状态;
<transition name="fade" mode="out-in"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> </transition> <router-view v-if="!$route.meta.keepAlive"></router-view>
在router ==> index.js中添加
meta: {
keepAlive: true
}
注:将transition动态效果添加在外层;v-if="!$route.meta.keepAlive" ,显示 的是不缓存的路由;
有静态路由和动态路由混合时,需要加此判断;