vue-multiple-tabs icon indicating copy to clipboard operation
vue-multiple-tabs copied to clipboard

vue-cli3 动态路由, 复用路由, 自动注入路由, 增删路由, 实战多tab页

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...

预览

页面预览

本地使用

# 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