@ -12,7 +12,7 @@ import { useCache } from './useCache';
import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting' ; import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting' ;
interface DefaultContext { interface DefaultContext {
Component : FunctionalComponent ; Component : FunctionalComponent & { type : { [ key : string ] : any } } ;
route : RouteLocation ; route : RouteLocation ;
} }
@ -42,7 +42,11 @@ export default defineComponent({
? 'fade-slide' ? 'fade-slide'
: null ; : null ;
const renderComp = ( ) = > < Component key = { route . fullPath } / > ; // When the child element is the parentView, adding the key will cause the component to be executed multiple times. When it is not parentView, you need to add a key, because it needs to be compatible with the same route carrying different parameters
const isParentView = Component ? . type . parentView ;
const componentKey = isParentView ? { } : { key : route.fullPath } ;
const renderComp = ( ) = > < Component { ...componentKey } / > ;
const PageContent = unref ( openCache ) ? ( const PageContent = unref ( openCache ) ? (
< KeepAlive include = { cacheTabs } > { renderComp ( ) } < / KeepAlive > < KeepAlive include = { cacheTabs } > { renderComp ( ) } < / KeepAlive >
vben
6 years ago