vue-navigation-tab

navigation-boundless-tab

NPM

npm i vue-navigation-tab

ES6

import NavigationTransitionTab from 'vue-navigation-tab';

Usage

<template>
  <NavigatioTab ref="navTab" :fixed="tabs" v-model:current="current" @on-change="navChange"></NavigatioTab>
</template>
<script>
import NavigatioTab from 'vue-navigation-tab';
export default {
  name: 'App',
  components: {
    NavigatioTab,
  },
  data() {
    return {
      tabs: [{ path: '/', title: 'HomePage', fixed: true }],
      current: 0,
    };
  },
  methods: {
    navChange(e) {
      console.log('currentTab', e);
    },
  },
};
</script>

Props

Props	Type	Default	Describe
fixeds	Array	[]
current	Number	0

Events

Name	Describe	Return
on-change	TabChange	currentTab
on-remove	TabRemove	currentTab

methods

Name	Describe	Return
addTab	AddNewTab	currentTab