1.1.3 • Published 6 years ago
tab-slider v1.1.3
tab-slider
A Vue component that can switch tabs by swiping the screen to the left or right
Install
npm install tab-slider -SUsage
- in
main.js
import TabSlider from 'tab-slider'
import 'tab-slider/dist/index.css'
Vue.use(TabSlider)- in
.Vuefilenote 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
nameattribute 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 thepathattribute 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部分。