📄 前端标签页管理

1.指定标签页名称

跳转函数中指定路由参数 tagsViewName。

const router = useRouter();
router.push({ path: '/xxx', query: { tagsViewName: '标签名称' } });

2.刷新当前页面

import { useRoute } from "vue-router";
import mittBus from "/@/utils/mitt";

const route = useRoute();

// 刷新当前页面
const refreshPage = () => {
  mittBus.emit("onCurrentContextmenuClick", {
    contextMenuClickId: 0,
    ...route
  });
};

3.关闭当前页面

// 关闭当前页面
const closePage = () => {
  mittBus.emit("onCurrentContextmenuClick", {
    contextMenuClickId: 1,
    ...route
  });
};

4.关闭其它页面

// 关闭除当前页外的其它页面
const closeOthers = () => {
  mittBus.emit("onCurrentContextmenuClick", {
    contextMenuClickId: 2,
    ...route
  });
};

5.关闭全部页面

// 关闭所有页面
const closeAll = () => {
  mittBus.emit("onCurrentContextmenuClick", {
    contextMenuClickId: 3,
    ...route
  });
};

6.全屏显示

// 当前页面全屏显示
const fullscreen = () => {
  mittBus.emit("onCurrentContextmenuClick", {
    contextMenuClickId: 4,
    ...route
  });
};

操作说明

操作ID	功能说明
0	刷新当前页面
1	关闭当前页面
2	关闭其它页面
3	关闭全部页面
4	当前页全屏显示