Vue.js Tab Components Based on Vue Router
Vue Router Tab
A tab router component based on Vue Router.
Features
Open or switch to tabs responding to route change
Support context menu on tabs
Built-in Transition: support custom configuration
Initial Tabs: initially opened tabs when entering page
Tabs Caching: reopen tabs on page reload
Reset Tabs: reset tabs to initial state
Dynamic Tab Info (title/icon/tooltip)
iframe: for external website
Installation
https://bhuh12.github.io/vue-router-tab/guide/installation.html
Documentation
https://bhuh12.github.io/vue-router-tab/
-
Introduction： https://bhuh12.github.io/vue-router-tab/guide/
-
Getting Started： https://bhuh12.github.io/vue-router-tab/guide/essentials/
Online Demo
https://bhuh12.github.io/vue-router-tab/demo/
Sample Project
https://github.com/bhuh12/vue-router-tab-sample
Changelog
https://bhuh12.github.io/vue-router-tab/guide/changelog.html
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 |
Download Details:
Author: bhuh12
Live Demo: https://bhuh12.github.io/vue-router-tab/
GitHub: https://github.com/bhuh12/vue-router-tab
#vuejs #javascript #vue #programming #vue-js
