11

src/component/home/index.vue

@@ -17,6 +17,7 @@
 					<component 
 						:is="Component" 
 						:key="route.name"
+						:cachedRoutes="cachedRoutes"
 					/>
 				</keep-alive>
 			</router-view>

src/views/SellerDashboard/index.vue

@@ -12,7 +12,11 @@
 			</div>
 		</div>
 
-		<router-view></router-view>
+		<router-view v-slot="{ Component }">
+			<keep-alive :include="cachedRoutes">
+				<component :is="Component" />
+			</keep-alive>
+		</router-view>
 		<toolTipBox v-model:visible="visible" @close="() => {}" ref="toolTipBoxRef"></toolTipBox>
 	</div>
 </template>
@@ -24,6 +28,12 @@
 	import toolTipBox from "./toolTipBox.vue"
 	import myEvent from "@/tool/myEvents.js"
 	import { useStore } from "vuex"
+	const props = defineProps({
+		cachedRoutes: {
+			type: Array,
+			default: () => []
+		}
+	})
 	const store = useStore()
 	// store.dispatch("seller/get_designerInfo")
 	const route = useRoute()