技术文档

打开导航菜单

PIG AI Guide

切换主题搜索

[](https://wwads.cn/click/bait)[![](https://cdn.wwads.cn/creatives/UPQhl7yG06tksqj5rkpXaQj3eAO6yA02XkpyhkoX.jpg) ](https://wwads.cn/click/bundle?code=rj1sGC1a4OL9EZHJYkOcZnZecLZrnV)

🚀 支持40+常用图表，20+主流数据源，拖拉拽制作数据大屏。开源免费，支持二开。广告

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	功能说明

刷新当前页面

| |

关闭当前页面

| |

关闭其它页面

| |

关闭全部页面

| |

当前页全屏显示

本页导航

1.指定标签页名称

2.刷新当前页面

3.关闭当前页面

4.关闭其它页面

5.关闭全部页面

6.全屏显示

19.md 2.7 KB Patstāvīgā saite Vēsture Neapstrādāts