vue-router-tab

Vue Router Tab

Vue Router Tab 是基于 Vue Router 的路由页签组件。

由于 Vue 内置的 <keep-alive> 只能根据组件的 name 来缓存页面，难以实现同一个组件对应多个页签的缓存，本组件定制了 <router-alive> 缓存组件

功能

• 响应路由变化新增或切换页签，不同的页签缓存独立的页面
• 页签关闭和刷新，右键菜单批量操作
• 全局和针对特定路由的页签缓存规则配置
• 初始展示页签，页签可设置为不可关闭
• 内置页签和页面过渡效果，支持自定义配置
• 自定义页签项模板
• 动态页签信息 (标题/图标/提示)
• 页面离开 (页签关闭/刷新/替换) 前确认
• 语言配置：zh-CN (默认) / en，自定义语言

文档：

https://bhuh12.github.io/vue-router-tab/

演示：

https://bhuh12.github.io/vue-router-tab/demo/

项目命令

插件打包

npm run lib:build

插件打包并生成报告

npm run lib:build:report

插件发布

npm run lib:publish

文档开发

npm run docs:dev

文档打包

npm run docs:build

Demo 演示开发

npm run demo:dev

Demo 演示打包

npm run demo:build

代码风格检查

npm run lint

代码风格检查并修复

npm run lint:fix