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 |