<template> <section class="app-main"> <transition name="fade-transform" mode="out-in"> <keep-alive :include="cachedViews"> <router-view :key="key"/> </keep-alive> </transition> </section> </template> <script> export default { name: 'AppMain', computed: { cachedViews() { return this.$store.state.tagsView.cachedViews }, key() { return this.$route.fullPath } } } </script> <style scoped> .app-main { /*84 = navbar + tags-view = 50 +34 */ min-height: calc(100vh - 84px); width: 100%; position: relative; overflow: hidden; } </style>