vue-router-tab

Vue.js tab components, based on Vue Router
15,586 474
Install
npm install vue-router-tab
Latest Version:1.2.11
Vue:2
License:MIT
Last Updated:Aug 8, 2026
Links: GitHub  ·  npm
Maintainer: bhuh12

English | 简体中文

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

🛠 Installation

📝 Documentation (Gitee)

📺 Online Demo (Gitee)

👨‍💻 Sample Project

📃 Changelog


🏷 NPM Task

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

License

MIT

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

Related Packages

@fantage9/vue-router-tab

Vue.js tab components for Vue 3.0+ & Vue Router 4.0+, based on Vue Router

2,056 7
vue3-router-tab

Vue 3 Router Tabs component: tabbed navigation for Vue Router with persistence,...

6,515 1
@gits-id/tabs

GITS Tabs Component

3,335
alanyitools

前端常用工具集:1、带波纹的音频录制功能;2、获取手机验证码功能;3、动态滑块选项...

693
@v-c/tabs

tabs ui component for react

53,437 32

Version History

Version Released License
1.2.11 MIT
1.2.10 MIT
1.2.9 MIT
1.2.8 MIT
1.2.7 MIT
Pre-releases (6)
Version Released License
1.0.0-alpha.5 MIT
1.0.0-alpha.4 MIT
1.0.0-alpha.3 MIT
1.0.0-alpha.2 MIT
1.0.0-alpha.1 MIT