feat: ✨ (keep-alive)优化页面缓存机制
- 重构 AppMain 组件,引入 KeepCache 组件实现统一缓存 - 新增 DemoDetail 组件作为缓存测试页面 - 更新 TagsView 组件,优化缓存路由逻辑 - 修改 permission.store.ts,增加 allCacheRoutes 状态管理 - 更新 tags-view.store.ts,实现缓存路由的动态设置 - 调整多级菜单示例,支持缓存功能
This commit is contained in:
17
src/views/demo/detail.vue
Normal file
17
src/views/demo/detail.vue
Normal file
@@ -0,0 +1,17 @@
|
||||
<template>
|
||||
<div p-5 flex flex-col gap="20px">
|
||||
<div>params: {{ route.params }}</div>
|
||||
<div>query: {{ route.query }}</div>
|
||||
<el-input v-model="value" placeholder="缓存测试" />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
defineOptions({
|
||||
name: "DemoDetail",
|
||||
});
|
||||
|
||||
const route = useRoute();
|
||||
console.log(route);
|
||||
|
||||
const value = ref("");
|
||||
</script>
|
||||
Reference in New Issue
Block a user