xl-vue-router-tab

Vue.js tab components, based on Vue Router

Usage no npm install needed!

<script type="module">
  import xlVueRouterTab from 'https://cdn.skypack.dev/xl-vue-router-tab';
</script>

README

English | ็ฎ€ไฝ“ไธญๆ–‡

vue-router-tab logo

Build vue vue-router GitHub last commit

Version Downloads npm bundle size gzip size: css License

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)

๐Ÿ“บ 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, ็ขงๆตทๅนฝ่™น