Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
B
basic-vue-admin
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
Basic
basic-vue-admin
Commits
eac2fb4a
Unverified
提交
eac2fb4a
authored
10月 05, 2021
作者:
Haceral
提交者:
GitHub
10月 05, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: 动态路由 Tab打开数量控制,超出限制自动关闭起始Tab (#1256)
* 增加动态路由最大打开Tab数控制 * 增加动态路由打开数控制Router参数
上级
7d40773b
显示空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
20 行增加
和
1 行删除
+20
-1
multipleTab.ts
src/store/modules/multipleTab.ts
+16
-1
vue-router.d.ts
types/vue-router.d.ts
+4
-0
没有找到文件。
src/store/modules/multipleTab.ts
浏览文件 @
eac2fb4a
...
@@ -119,7 +119,7 @@ export const useMultipleTabStore = defineStore({
...
@@ -119,7 +119,7 @@ export const useMultipleTabStore = defineStore({
},
},
async
addTab
(
route
:
RouteLocationNormalized
)
{
async
addTab
(
route
:
RouteLocationNormalized
)
{
const
{
path
,
name
,
fullPath
,
params
,
query
}
=
getRawRoute
(
route
);
const
{
path
,
name
,
fullPath
,
params
,
query
,
meta
}
=
getRawRoute
(
route
);
// 404 The page does not need to add a tab
// 404 The page does not need to add a tab
if
(
if
(
path
===
PageEnum
.
ERROR_PAGE
||
path
===
PageEnum
.
ERROR_PAGE
||
...
@@ -149,6 +149,21 @@ export const useMultipleTabStore = defineStore({
...
@@ -149,6 +149,21 @@ export const useMultipleTabStore = defineStore({
this
.
tabList
.
splice
(
updateIndex
,
1
,
curTab
);
this
.
tabList
.
splice
(
updateIndex
,
1
,
curTab
);
}
else
{
}
else
{
// Add tab
// Add tab
// 获取动态路由层级
const
dynamicLevel
=
meta
?.
dynamicLevel
??
-
1
;
if
(
dynamicLevel
>
0
)
{
// 如果动态路由层级大于 0 了,那么就要限制该路由的打开数限制了
// 首先获取到真实的路由,使用配置方式减少计算开销.
// const realName: string = path.match(/(\S*)\//)![1];
const
realPath
=
meta
?.
realPath
??
''
;
// 获取到已经打开的动态路由数, 判断是否大于某一个值
// 这里先固定为 每个动态路由最大能打开【5】个Tab
if
(
this
.
tabList
.
filter
((
e
)
=>
e
.
meta
?.
realPath
??
''
===
realPath
).
length
>=
5
)
{
// 关闭第一个
const
index
=
this
.
tabList
.
findIndex
((
item
)
=>
item
.
meta
.
realPath
===
realPath
);
index
!==
-
1
&&
this
.
tabList
.
splice
(
index
,
1
);
}
}
this
.
tabList
.
push
(
route
);
this
.
tabList
.
push
(
route
);
}
}
this
.
updateCacheTab
();
this
.
updateCacheTab
();
...
...
types/vue-router.d.ts
浏览文件 @
eac2fb4a
...
@@ -5,6 +5,10 @@ declare module 'vue-router' {
...
@@ -5,6 +5,10 @@ declare module 'vue-router' {
orderNo
?:
number
;
orderNo
?:
number
;
// title
// title
title
:
string
;
title
:
string
;
// dynamic router level.
dynamicLevel
?:
number
;
// dynamic router real route path (For performance).
realPath
?:
string
;
// Whether to ignore permissions
// Whether to ignore permissions
ignoreAuth
?:
boolean
;
ignoreAuth
?:
boolean
;
// role info
// role info
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论