utry-router-tab

Vue.js tab components, based on Vue Router

Usage no npm install needed!

<script type="module">
  import utryRouterTab from 'https://cdn.skypack.dev/utry-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

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