fondev / vue-router-tab

Vue.js tab components, based on Vue Router.

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-router-tab logo

Build vue vue-router GitHub last commit

Version Downloads npm bundle size gzip size: css License

Vue Router Tab

Vue Router Tab 是基于 Vue Router 的路由页签组件,用来实现多页签页面的管理。

📌 功能

✅ 响应路由变化来打开或切换页签

✅ 页签右键菜单操作

页签规则配置

✅ 内置页签和页面过渡效果,支持自定义配置

自定义页签模板

初始页签数据,进入页面时默认显示的页签

动态更新页签信息 (标题/图标/提示)

iframe 页签嵌入外部网站

页签页面离开 (页签关闭/刷新/替换) 前确认

多语言支持

🛠 安装

https://bhuh12.github.io/vue-router-tab/guide/installation.html

📝 文档

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

📺 演示

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

📃 更新日志

https://github.com/bhuh12/vue-router-tab/releases


🏷 NPM 任务

任务 命令 备注
插件构建 npm run lib:build
插件构建并生成报告 npm run lib:build:report
插件发布 npm run lib:publish 操作前更改 package.json 中的 version 为新的版本号
Demo 开发 npm run demo:dev
Demo 构建 npm run demo:build
文档开发 npm run docs:dev
文档构建 npm run docs:build
代码风格检查 npm run lint
代码风格检查并修复 npm run lint:fix
代码提交 npm run commit

License

MIT

Copyright (c) 2019-present, 碧海幽虹

About

Vue.js tab components, based on Vue Router.

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

License:MIT License


Languages

Language:JavaScript 70.1%Language:Vue 14.2%Language:CSS 12.9%Language:HTML 2.8%