xl-vue-router-tab

English | 简体中文

Vue Router Tab

A tab router component 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

✅ 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	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	npm run lint
Code format check and auto fix	npm run lint:fix
Commit code	npm run commit

License

MIT

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