fix: 控制 tab 是否可以刷新

WeBankFinTech · Nov 14, 2024 · 2f1b8b4 · 2f1b8b4
1 parent 8530183
commit 2f1b8b4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/docs/reference/plugin/plugins/layout.md b/docs/reference/plugin/plugins/layout.md
@@ -253,7 +253,7 @@ export const layout = {
 - **类型**：`boolean`
 - **默认值**：`false`
 
-- **详情**：是否开启多页。
+- **详情**：是否开启多页。可通过  tabReload: false 控制标签页是否重新加载。
 
 ### menus
 

diff --git a/packages/fes-plugin-layout/src/runtime/views/MultiTabProvider.vue b/packages/fes-plugin-layout/src/runtime/views/MultiTabProvider.vue
@@ -12,7 +12,7 @@
             <FTabPane v-for="page in pageList" :key="page.path" :value="page.path" :closable="pageList.length > 1">
                 <template #tab>
                     {{ page.title }}
-                    <ReloadOutlined v-show="route.path === page.path" class="layout-tabs-close-icon" @click="reloadPage(page.path)" />
+                    <ReloadOutlined v-if="page.tabReload" v-show="route.path === page.path" class="layout-tabs-close-icon" @click="reloadPage(page.path)" />
                 </template>
             </FTabPane>
             <template #suffix>
@@ -73,6 +73,7 @@ export default {
                 name: _route.meta.name ?? _route.name,
                 title: computedTitle,
                 key: getKey(),
+                tabReload: _route.meta.tabReload ?? true,
             };
         };