test/vue-pure-admin2
1
0
Fork 0
mirror of https://gitee.com/yiming_chang/vue-pure-admin.git synced 2024-12-04 20:28:40 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 修复导航tab关闭其他标签页无法重置状态问题 (#446)

Browse Source 
* fix: 修复导航tab关闭其他标签页无法重置问题
This commit is contained in:
clovelll 2023-02-16 12:38:20 +08:00 committed by GitHub
parent 3ee8c51f90
commit 49d88b367d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/layout/components/tag/index.vue
View File

@ -65,7 +65,7 @@ const dynamicTagView = () => {
moveToView(index);
};
const moveToView = (index: number): void => {
const moveToView = async (index: number): Promise<void> => {
const tabNavPadding = 10;
if (!instance.refs["dynamic" + index]) return;
const tabItemEl = instance.refs["dynamic" + index][0];
@ -75,8 +75,13 @@ const moveToView = (index: number): void => {
const scrollbarDomWidth = scrollbarDom.value
? scrollbarDom.value?.offsetWidth
: 0;
// 获取视图更新后dom
await nextTick();
// 已有标签页总长度（包含溢出部分）
const tabDomWidth = tabDom.value ? tabDom.value?.offsetWidth : 0;
scrollbarDomWidth <= tabDomWidth
? (isShowArrow.value = true)
: (isShowArrow.value = false);
@ -188,6 +193,7 @@ function deleteDynamicTag(obj: any, current: any, tag?: string) {
): void => {
if (other) {
useMultiTagsStoreHook().handleTags("equal", [routerArrays[0], obj]);
dynamicTagView();
} else {
delAliveRouteList = useMultiTagsStoreHook().handleTags("splice", "", {
startIndex,