All Projects → BiYuqi → vue-multiple-tabs

BiYuqi / vue-multiple-tabs

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

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
HTML
75241 projects

Projects that are alternatives of or similar to vue-multiple-tabs

Lin Cms Vue
🔆 Vue+ElementPlus构建的CMS开发框架
Stars: ✭ 2,341 (+6402.78%)
Mutual labels:  vue-router, vue-cli3
vue-netease-music
🎵 基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器(PC) Online Music Player
Stars: ✭ 118 (+227.78%)
Mutual labels:  vue-router, vue-cli3
element-ui-demo
A element-ui admin base on vue2
Stars: ✭ 18 (-50%)
Mutual labels:  vue-router, vue-cli3
vue3-docs
vue中文社区,vue3 中文文档
Stars: ✭ 180 (+400%)
Mutual labels:  vue-router, vue-cli3
vue-typescript-admin
Vue typescript 开发的基础模板,多页面支持,基础整合完毕。
Stars: ✭ 26 (-27.78%)
Mutual labels:  vue-router
megalo-router-patch
在 megalo 中使用 vue-router 的路由写法
Stars: ✭ 15 (-58.33%)
Mutual labels:  vue-router
shopping-cart
A vue.js project for shopping cart.
Stars: ✭ 57 (+58.33%)
Mutual labels:  vue-router
vue3-chat
2021👨‍🎓Vue2/3全家桶 + Koa+Socket+Vant3前后端分离移动端聊天应用。vue+node全栈入门项目
Stars: ✭ 46 (+27.78%)
Mutual labels:  vue-router
leo-ui
UI组件库
Stars: ✭ 16 (-55.56%)
Mutual labels:  vue-cli3
tailmin
Tailmin - Admin dashboard built with Vue.js and Tailwind CSS
Stars: ✭ 39 (+8.33%)
Mutual labels:  vue-router
vue-boilerplate
Vue boilerplate
Stars: ✭ 28 (-22.22%)
Mutual labels:  vue-router
vue-loopback
A Vue project template with Loopback framework optionally with Vuex, Vue-router, and Auth boilerplaite
Stars: ✭ 52 (+44.44%)
Mutual labels:  vue-router
vue-router-view-transition
Properly time out-in transitions with scrollBehavior
Stars: ✭ 38 (+5.56%)
Mutual labels:  vue-router
mall-app-vant
有来商城youlai-mall移动APP端,技术栈:Vant,已计划变更使用uni-app适配Android、IOS端开发。
Stars: ✭ 33 (-8.33%)
Mutual labels:  vue-router
dva-vue
🌱 Vue and dva-core based
Stars: ✭ 34 (-5.56%)
Mutual labels:  vue-router
use-routes
🚩 A router hook for not only react hooks API but also fre
Stars: ✭ 35 (-2.78%)
Mutual labels:  vue-router
friendly-vue-starter
Full featured Vue.js starter project for browser apps
Stars: ✭ 37 (+2.78%)
Mutual labels:  vue-router
cloud-music-mobile
This is a music player
Stars: ✭ 22 (-38.89%)
Mutual labels:  vue-router
vue-jsPlumb
jsPlumb with Vue 2.【WIP】
Stars: ✭ 66 (+83.33%)
Mutual labels:  vue-router
mmf-blog-vue2-pwa-ssr
mmf-blog-vue2 ssr(The service side rendering)
Stars: ✭ 65 (+80.56%)
Mutual labels:  vue-router

vue-multiple-tabs

介绍

该工程是基于vue的动态路由案例,复用一个组件,打开多个tab标签页,实现商品类组件复用,可以多tab打开

TODO

  • refactor base on vue-cli3 2019.9.21

特性

  • 复用组件多tab打开
  • 刷新动态路由页面不丢失
  • 支持路由传参
  • 修复刷新时,动态路由参数丢失
  • 删除tab页签(包含注入的动态路由)
  • 功能实现文档编写
  • 代码优化,整合,方便快速部署该功能
  • 代码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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].