技术文档 打开导航菜单 PIG AI Guide ============ 切换主题搜索 [](https://wwads.cn/click/bait)[![](https://cdn.wwads.cn/creatives/UPQhl7yG06tksqj5rkpXaQj3eAO6yA02XkpyhkoX.jpg) ](https://wwads.cn/click/bundle?code=rj1sGC1a4OL9EZHJYkOcZnZecLZrnV) [🚀 支持40+常用图表,20+主流数据源,拖拉拽制作数据大屏。**开源免费,支持二开**。](https://wwads.cn/click/bundle?code=rj1sGC1a4OL9EZHJYkOcZnZecLZrnV)[广告](https://wwads.cn/?utm_source=property-270&utm_medium=footer "点击了解万维广告联盟") PIGX 技术指南 ========= 适配 5.0 以上单体和微服务版本 PIGX 技术指南PIG ⌘K 参与开发 快速上手 前端部分 功能使用 后端部分 扩展必看 生产部署 社区分享 更新日志 更新日期: 2025-10-23 最后更新: 2025/8/19 切换主题 前端标签页管理 ======= [](#1指定标签页名称)1.指定标签页名称 ---------------------- 跳转函数中指定路由参数 `tagsViewName`。 ``` `const router = useRouter(); router.push({ path: '/xxx', query: { tagsViewName: '标签名称' } });` ``` [](#2刷新当前页面)2.刷新当前页面 -------------------- ``` `import { useRoute } from "vue-router"; import mittBus from "/@/utils/mitt"; const route = useRoute(); // 刷新当前页面 const refreshPage = () => { mittBus.emit("onCurrentContextmenuClick", { contextMenuClickId: 0, ...route }); };` ``` [](#3关闭当前页面)3.关闭当前页面 -------------------- ``` `// 关闭当前页面 const closePage = () => { mittBus.emit("onCurrentContextmenuClick", { contextMenuClickId: 1, ...route }); };` ``` [](#4关闭其它页面)4.关闭其它页面 -------------------- ``` `// 关闭除当前页外的其它页面 const closeOthers = () => { mittBus.emit("onCurrentContextmenuClick", { contextMenuClickId: 2, ...route }); };` ``` [](#5关闭全部页面)5.关闭全部页面 -------------------- ``` `// 关闭所有页面 const closeAll = () => { mittBus.emit("onCurrentContextmenuClick", { contextMenuClickId: 3, ...route }); };` ``` [](#6全屏显示)6.全屏显示 ---------------- ``` `// 当前页面全屏显示 const fullscreen = () => { mittBus.emit("onCurrentContextmenuClick", { contextMenuClickId: 4, ...route }); };` ``` | 操作ID | 功能说明 | | --- | --- | | 0 | 刷新当前页面 | | 1 | 关闭当前页面 | | 2 | 关闭其它页面 | | 3 | 关闭全部页面 | | 4 | 当前页全屏显示 | ### 本页导航 1.指定标签页名称 2.刷新当前页面 3.关闭当前页面 4.关闭其它页面 5.关闭全部页面 6.全屏显示