https://github.com/biyuqi/vue-multiple-tabs
vue-cli3 动态路由, 复用路由, 自动注入路由, 增删路由, 实战多tab页
https://github.com/biyuqi/vue-multiple-tabs
dynamic-routes vue vue-cli3 vue-dynamic-breadcrumbs vue-multiple-tabs vue-router
Last synced: over 1 year ago
JSON representation
vue-cli3 动态路由, 复用路由, 自动注入路由, 增删路由, 实战多tab页
- Host: GitHub
- URL: https://github.com/biyuqi/vue-multiple-tabs
- Owner: BiYuqi
- License: mit
- Created: 2018-08-06T03:35:47.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T09:27:20.000Z (over 3 years ago)
- Last Synced: 2025-03-18T01:51:28.785Z (over 1 year ago)
- Topics: dynamic-routes, vue, vue-cli3, vue-dynamic-breadcrumbs, vue-multiple-tabs, vue-router
- Language: JavaScript
- Homepage: https://biyuqi.github.io/vue-multiple-tabs/
- Size: 3.48 MB
- Stars: 36
- Watchers: 5
- Forks: 13
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [vue-multiple-tabs](http://loadingmore.com/vue-multiple-tabs)
## 介绍
> 该工程是基于vue的动态路由案例，复用一个组件，打开多个tab标签页，实现商品类组件复用，可以多tab打开
## TODO
- [x] refactor base on vue-cli3 2019.9.21
## 特性
- [x] 复用组件多tab打开
- [x] 刷新动态路由页面不丢失
- [x] 支持路由传参
- [x] 修复刷新时，动态路由参数丢失
- [x] 删除tab页签(包含注入的动态路由)
- [x] 功能实现文档编写
- [ ] 代码优化，整合，方便快速部署该功能
- [ ] 代码Eslint 规则修改，消除warning
## 使用
Placeholder...
## 预览
[页面预览](vue-multiple-tabs)
## 本地使用
``` bash
# download
git clone https://github.com/BiYuqi/vue-multiple-tabs-use-one-component.git
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run serve
# build for production with minification
npm run build
```