Vben Admin—— vben admin , ant design vue 新打开一个页面，会出现两个相同的tab标签页

dbt@L

于 2025-06-19 17:38:49 发布

阅读量68

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq_43201350/article/details/148771497

小技巧专栏收录该内容

49 篇文章 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

当前场景：vben admin + vue3 + ts
A页面打开一个详情页面，在详情页面中返回，再次打开另一个详情页面，上面会出现两个相同的tab标签页

在这里插入图片描述

解决：


<template>
	<div @click="handleDetail">查看详情</div>
</template>
<script lang="ts" setup name="dmeo">
  import {  computed } from 'vue';
  import { useMultipleTabStore } from '/@/store/modules/multipleTab';
  const tabStore = useMultipleTabStore();

  const getTabsState = computed(() => {
    return tabStore.getTabList.filter((item) => !item.meta?.hideTab);
  });
    
  // 详情
  const handleDetail = (record) => {
    getTabsState.value.map(async (item) => {
      if (item.fullPath && item.fullPath.inc

了解本专栏