1.6.4 • Published 4 years ago
vue-tab-component v1.6.4
vue-tab-component
A Vue2.0 tab component which can control DOM render number
Feature
- Custom DOM render number
- provide goBegin/goEnd Function
- suppord left、right Position
- suppord slot to change tab content
EN || 如果它对你有帮助的话，请Star支持！！！ exemple project
预览
快速开始
Install
npm install vue-tab-component --save
Usage
A simple project use vue-tab-component
main.js
import Vue from 'vue'
import tabs from 'vue-tab-component'
Vue.use(tabs)API
Attribute
| Name | Description | Type | Default |
|---|---|---|---|
| data | data of tab {key:'key',title:'word'} | Array | [] |
| tabPosition | tab' position, one of 'top','bottom','left','right' | String | bottom |
| type | css type, one of 'card','line' | String | line |
| closable | if tab can delete | Boolean | false |
| activeName | active tab's key | String | '' |
| maxnum | max number of DOM render tab at once | Number | 20 |
| beforeChangeTab | param: key, tab won't change when return false | Function | (key) => true |
| stretch （todo） | if tab stretchable because of content | Boolean | false |
| hideDirectionBar | if tab's left/right bar show or hide | Boolean | false |
Method
| Name | Description | Param |
|---|---|---|
| goBegin | jump to tab's begin | - |
| goEnd | jump to tab's end | - |
| scrollPrev | slip to after part | - |
| scrollNext | slip to next part | - |
| scrollToActiveTab | slip to active tab | - |
Event
| Name | Description | Param |
|---|---|---|
| on-click | when tab on clicking, return tab's key | key tab's key |
| on-tab-remove | when tab on deleting, return tab's key | key tab's key |
slot
| name | data | exemple |
|---|---|---|
| tab | tab's data | <template #tab="{ data }"> |
License
1.6.4
4 years ago
1.6.3
4 years ago
1.6.2
5 years ago
1.6.1
5 years ago
1.6.0
5 years ago
1.5.0
5 years ago
1.4.0
5 years ago
1.3.4
5 years ago
1.3.3
5 years ago
1.3.2
5 years ago
1.3.1
5 years ago
1.3.0
5 years ago
1.2.0
5 years ago
1.1.8
5 years ago
1.1.7
5 years ago
1.1.6
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago