| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div v-if="routeRenderError" class="art-page-view art-route-state"> |
| | | <div v-if="routeRenderError" :key="route.fullPath" class="art-page-view art-route-state"> |
| | | <div class="art-route-state__panel"> |
| | | <div class="art-route-state__title">{{ t('message.routeRenderFailedTitle') }}</div> |
| | | <div class="art-route-state__desc">{{ routeRenderError }}</div> |
| | |
| | | <RouterView v-else-if="isRefresh" v-slot="{ Component, route }"> |
| | | <!-- 缓存路由动画 --> |
| | | <Transition :name="showTransitionMask ? '' : actualTransition" mode="out-in" appear> |
| | | <div v-if="route.meta.keepAlive" class="art-page-view" :style="contentStyle"> |
| | | <div v-if="route.meta.keepAlive" :key="route.path" class="art-page-view" :style="contentStyle"> |
| | | <KeepAlive :max="10" :exclude="keepAliveExclude"> |
| | | <component :is="Component" :key="route.path" /> |
| | | </KeepAlive> |
| | |
| | | |
| | | <!-- 非缓存路由动画 --> |
| | | <Transition :name="showTransitionMask ? '' : actualTransition" mode="out-in" appear> |
| | | <div v-if="!route.meta.keepAlive" class="art-page-view" :style="contentStyle"> |
| | | <div v-if="!route.meta.keepAlive" :key="route.path" class="art-page-view" :style="contentStyle"> |
| | | <component :is="Component" :key="route.path" /> |
| | | </div> |
| | | </Transition> |