{"repo":"xsbcme/vue-tab-router","free":true,"listed":false,"github":"https://github.com/xsbcme/vue-tab-router","clone":"git clone https://github.com/xsbcme/vue-tab-router.git","description":"vue-tab-router 解决的是 Vue 后台系统里的多标签工作台问题。它不是 UI Tabs，而是把“页面打开、缓存、关闭、刷新、iframe、面包屑、菜单联动、守卫、页面通信”整合成一个统一的标签页路由管理方案。适合需要浏览器式多标签体验的管理系统、工作台和多文档业务。","language":"TypeScript","stars":11,"topics":["admin","admin-panel","iframe","keep-alive","multi-tab","page-management","tabs","typescript","vue","vue-plugin"],"license":"Apache-2.0","category":"dashboards-admin","readme_excerpt":"VueTabRouter VueTabRouter 是一个面向 Vue 3 的多标签页路由插件，适用于后台管理系统、业务工作台、多文档编辑、报表平台和 iframe 集成等场景。 它解决的不是“渲染一排 Tabs”这么简单的问题，而是把页面打开、复用、缓存、刷新、关闭、守卫、iframe 承载、菜单联动、URL 同步和页面通信收敛到统一的 TabsManager 中。 仓库内容 本仓库是 pnpm workspace + Turborepo 管理的 monorepo，包含插件源码、文档站点和本地 demo。 文档分工 为了避免同一份插件说明在多个 README 中重复维护，根 README 只作为仓库入口，介绍项目定位、目录结构、开发命令、发布和部署流程。 更细的插件使用说明请看： - 插件包 README：packages/vue-tab-router/README.md - 文档站源码：docs - 核心包示例：examples/vue-tab-router - Vue Router 适配示例：examples/vue-router-tab - 在线文档：https://xsbcme.github.io/vue-tab-router/doc/ - 在线 Demo：https://xsbcme.github.io/vue-tab-router/demo/ - Vue Router 适配 Demo：https://xsbcme.github.io/vue-tab-router/router-tab-demo/ - NPM 包：https://www.npmjs.com/package/@xsbcme/vue-tab-router 核心能力概览 - 页面管理 ：组件页面、iframe 页面、外链页和相对链接页统一通过 openTab() 打开。 - 工作台体验 ：支持首页、置顶、多开、单例复用、批量关闭、刷新、不可关闭和禁止拖拽。 - 状态保留 ：支持组件 keep-alive 缓存和 iframe 缓存，适合列表、详情、审批、报表等高频切换场景。 - 流程控制 ：提供全局守卫和页面级守卫，可处理权限校验、未保存确认、关闭前确认等业务流程。 - 导航协同 ：支持菜单联动、面包屑、URL 同步和页面元数据，降低 tab、菜单、页面层级之间状态不一致的问题。 - 扩展机制 ：支持插件 hooks、事件通信、存储适配器和 scoped manager，方便项目级扩展。 与后台基础框架的关系 VueTabRouter 不是完整后台模板，也不替代 Vue Router。它更关注多标签工作台运行时本身，适合已有 Vue 项目按需接入。 如果项目需要从零搭建一整套后台系统，可以选择成熟中控台框架；如果项目已经有自己的权限、菜单、UI 和工程规范，只是缺少稳定的多标签工作台内核，VueTabRouter 会更轻量。 快速入口 安装插件： 如果项目以 Vue Router 路由表为标签页来源，可以安装适配包；它会自动带入底层核心包： 完整接入示例、 import.meta.glob 页面入口约定、 openTab(viewUrl) key 规则、Vue Router 协同方式和 API 说明，请阅读 packages/vue-tab-router/README.md 或在线文档。 开发指南 环境要求 - Node.js = 18 - pnpm = 8 常用命令 命令 说明 ---------------------------- ------------------","default_branch":null,"files":null,"tree":[],"storefront":"/r/xsbcme","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/xsbcme/vue-tab-router/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}