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