Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

tab-slider

myl0204411.1.3

A Vue component that can switch tabs by swiping the screen to the left or right

readme

tab-slider

npm

A Vue component that can switch tabs by swiping the screen to the left or right

Install

npm install tab-slider -S

Usage

  1. in main.js
    import TabSlider from 'tab-slider'
    import 'tab-slider/dist/index.css'
    Vue.use(TabSlider)
  2. in .Vue file

    note that you still need import the css file in main.js

    import TabSlider from 'tab-slider'
    export default {
    components: {
     TabSlider
    }
    }

    API

    Attribute | Description | Type | example ----|---|---|--- comp(required)|A array contains all router components|Array|[{name: 'comp1', component: foo}, {name: 'comp2', component: bar}] defalut-index(optional)|index of default component to dispaly, default to 0|Number| 1

    note the name attribute in comp must same as the name in route,that is,you must identify a route with a name,see Named Routes or you can pass the path attribute to it.


中文版本:

属性 描述 类型 例子
comp(必需) 包含所有路由组件的数组 Array [{name: 'comp1', component: foo}, {name: 'comp2', component: bar}]
defalut-index(可选) 默认要跳转的路由索引,从0开始 Number 1
> comp属性中的name属性的值必须和路由name属性的值相同,也就是说,你必须给你的路由组件命名。相关信息命名路由,或者你也可以传path参数进去。
## no tab
因为tab样式可能是多种多样的。所以不做tab,只关注slider部分。