Skip to content

Vue.js tab components, based on Vue Router.

License

Notifications You must be signed in to change notification settings

tenrok/vue-router-tab

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

English | 简体中文

vue-router-tab logo

Build vue vue-router GitHub last commit

Version Downloads npm bundle size gzip size: css License

Vue Router Tab

Vue.js tab components, based on Vue Router.

📌 Features

✅ Open or switch to tabs responding to route change

✅ Tabs mouse wheel scrolling

✅ Tabs drag sort

Tab Operations: open, switch, close, refresh, reset

Iframe tab: for external website

✅ Customized:transition, slot, contextmenu

I18n

Keep scroll position after tab switching

Cache control: tab rules, cacheable, maximum keep alive, reusable

Dynamic Tab Info: title, icon, tooltip

Initial Tabs: initially opened tabs when entering page

Restore Tabs: reopen tabs after browser refresh

Page Leave Confirm

Nuxt Support

🔗 Links


🏷 NPM Task

Task Command Description
Lib build npm run lib:build
Lib build and generate report npm run lib:build:report
Lib publish npm run lib:publish change version in package.json
Demo develop npm run demo:dev
Demo build npm run demo:build
Document develop npm run docs:dev
Document build npm run docs:build
Code format check and fix npm run lint
Commit code npm run commit

License

MIT

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

Languages

  • Vue 46.3%
  • JavaScript 45.3%
  • SCSS 7.4%
  • HTML 1.0%