vue-slide-tabs

A vue.js slider tabs for mobile

Demo

https://lpeihan.github.io/vue-slide-tabs/

Installation

npm install vue-slide-tabs --save

Usage

<template>
  <div class="app">
    <tabs :tabs="tabs" class="tab-container">
      <div>This is first tab</div>
      <div>This is second tab</div>
      <div>This is third tab</div>
    </tabs>
  </div>
</template>

<script>
import Tabs from "vue-slide-tabs";

export default {
  name: "app",
  components: {
    Tabs
  },
  data() {
    return {
      tabs: [
        {
          label: "关注"
        },
        {
          label: "推荐"
        },
        {
          label: "最新"
        }
      ]
    };
  }
};
</script>

Options

Props

| Option | Type | Description | Default | | ------ | ----- | ----------- | ------- | | tabs | Array | tabs | [] |

Events

| Option | Description | params | | ------ | -------------------------------- | -------- | | change | triggers when current tab change | tabIndex |