Shikong/sk-matrix-project
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

keepAlive 测试

Browse Source
This commit is contained in:
Shikong 2023-07-11 01:57:44 +08:00
parent 6b15ba990d
commit cbd7809291
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/wails/frontend/src/App.vue
View File

@ -1,19 +1,24 @@
<template> <template>
<div class="mx-1"> <div class="mx-1">
<el-config-provider v-bind="globalConfig"> <el-config-provider v-bind="globalConfig">
<keep-alive>
<el-tabs v-model="globalTab" @tab-change="tabChange" @tab-remove="tabRemove"> <el-tabs v-model="globalTab" @tab-change="tabChange" @tab-remove="tabRemove">
<el-tab-pane <el-tab-pane
v-for="item in globalTabs" v-for="item in globalTabs"
:key="item.name" :key="item.name"
:label="item.title" :label="item.title"
:closable="item.closable" :closable="item.closable"
@close="closeTabPane"
:name="item.name"> :name="item.name">
<router-view /> <router-view v-slot="{ Component }">
<transition>
<component v-if="route.meta.keepAlive != null && route.meta.keepAlive === false" :is="Component" />
<keep-alive v-else>
<component :is="Component" />
</keep-alive>
</transition>
</router-view>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</keep-alive>
</el-config-provider> </el-config-provider>
</div> </div>
</template> </template>
@ -23,16 +28,17 @@ import {computed, onBeforeUnmount, onMounted} from "vue";
import {createDebugger, destroyDebugger} from "src/utils/debugger/eruda"; import {createDebugger, destroyDebugger} from "src/utils/debugger/eruda";
import {useGlobalConfig} from "src/store/globalConfig"; import {useGlobalConfig} from "src/store/globalConfig";
import {useGlobalTabs} from "src/store/globalTabs"; import {useGlobalTabs} from "src/store/globalTabs";
import {storeToRefs} from "pinia"; import {mapWritableState, storeToRefs} from "pinia";
import {useRouter} from "vue-router"; import {useRoute, useRouter} from "vue-router";
const globalConfig = computed(()=>useGlobalConfig().$state.ui) const globalConfig = computed(mapWritableState(useGlobalConfig,['ui']).ui)
const globalTabsState = useGlobalTabs() const globalTabsState = useGlobalTabs()
globalTabsState.$reset() globalTabsState.$reset()
const {tab:globalTab, tabs:globalTabs} = storeToRefs(globalTabsState) const {tab:globalTab, tabs:globalTabs} = storeToRefs(globalTabsState)
const router = useRouter() const router = useRouter()
const route = useRoute()
router.push({ router.push({
path: "/" path: "/"
}) })