go-pkg/wireguard-dashboard-admin
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

fix: 修复router-view页面组件因transition导致使用多个根节点告警问题

Browse Source
This commit is contained in:
张传龙 2022-04-20 18:03:23 +08:00
parent 2bd85e6e60
commit 585bf4a4c4
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/layout/components/AppMain.vue
View File

@ -1,9 +1,11 @@
<template> <template>
<router-view v-slot="{ Component, route }"> <router-view v-slot="{ Component, route }">
<transition name="fade-slide" mode="out-in" appear> <transition name="fade-slide" mode="out-in" appear>
<keep-alive :include="keepAliveRouteNames"> <div :key="route.path">
<component :is="Component" :key="route.path" /> <keep-alive :include="keepAliveRouteNames">
</keep-alive> <component :is="Component" />
</keep-alive>
</div>
</transition> </transition>
</router-view> </router-view>
</template> </template>