update 回滚解决路由失效问题

This commit is contained in:
LiuHao 2024-04-16 17:41:21 +08:00
parent 5057976ad2
commit 1d7c3da86b

View File

@ -1,6 +1,6 @@
<template> <template>
<section class="app-main"> <section class="app-main">
<router-view v-slot="{ Component, route }" :key="$route.fullPath"> <router-view v-slot="{ Component, route }">
<transition :enter-active-class="animante" mode="out-in"> <transition :enter-active-class="animante" mode="out-in">
<keep-alive :include="tagsViewStore.cachedViews"> <keep-alive :include="tagsViewStore.cachedViews">
<component :is="Component" v-if="!route.meta.link" :key="route.path" /> <component :is="Component" v-if="!route.meta.link" :key="route.path" />
@ -23,8 +23,15 @@ const tagsViewStore = useTagsViewStore();
const animante = ref<string>(''); const animante = ref<string>('');
const animationEnable = ref(useSettingsStore().animationEnable); const animationEnable = ref(useSettingsStore().animationEnable);
watch( watch(
() => useSettingsStore().animationEnable, () => tagsViewStore.cachedViews,
(val) => { (val) => {
console.log(val);
},
{ deep: true }
);
watch(
() => useSettingsStore().animationEnable,
(val: boolean) => {
animationEnable.value = val; animationEnable.value = val;
if (val) { if (val) {
animante.value = proxy?.animate.animateList[Math.round(Math.random() * proxy?.animate.animateList.length)] as string; animante.value = proxy?.animate.animateList[Math.round(Math.random() * proxy?.animate.animateList.length)] as string;