scout666/liveh5-nuxt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(layout): 使用 keep-alive优化页面性能

Browse Source 
- 在 default.vue 文件中添加 keep-alive 组件，以提高页面渲染效率
- 此修改可以保留页面状态，减少重复渲染，提升用户体验
This commit is contained in:
xingyy 2025-01-21 12:00:40 +08:00
parent f3d5a3440c
commit e23fed8c74
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/layouts/default.vue
View File

@ -2,7 +2,9 @@
<main class="flex flex-col min-h-svh"> <main class="flex flex-col min-h-svh">
<AppHeader class="h-[var(--van-nav-bar-height)]" /> <AppHeader class="h-[var(--van-nav-bar-height)]" />
<div class="flex-1 flex flex-col"> <div class="flex-1 flex flex-col">
<keep-alive>
<slot /> <slot />
</keep-alive>
</div> </div>
<AppFooter /> <AppFooter />
</main> </main>