vue-router-tab

English | 简体中文

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

🛠 Installation

📝 Documentation (Gitee)

• Introduction

• Getting Started

• API

📺 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, 碧海幽虹