基于Vue路由器的Vue.js选项卡组件

Vue路由器选项卡 (Vue Router Tab)

A tab router component based on Vue Router.

基于Vue路由器的Tab路由器组件。

View Demo 查看演示 View Documentation 查看文档

特征 (Features)

Open or switch to tabs responding to route change

打开或切换到选项卡以响应路线更改

Support context menu on tabs

选项卡上的支持上下文菜单

Route Matching

路线匹配

Built-in Transition: support custom configuration

内置过渡：支持自定义配置

Custom Tab Template

自定义标签模板

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

iframe：用于外部网站

Leave Prompt

离开提示

i18n

i18n

NPM任务 (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

任务	命令	描述
库建立	npm run lib:build
库创建并生成报告	npm run lib:build:report
库发布	npm run lib:publish	更改package.json version
演示开发	npm run demo:dev
演示版	npm run demo:build
文件开发	npm run docs:dev
文件制作	npm run docs:build
代码格式检查	npm run lint
代码格式检查和自动修复	npm run lint:fix
提交代码	npm run commit

翻译自: https://vuejsexamples.com/vue-js-tab-components-based-on-vue-router/