vue-navigation-tab v0.1.3

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

Events

methods