0.0.4 • Published 9 years ago
vue-number-tab v0.0.4
vue-number-tab
适用于选座位等数字或者类型选择的组件,这是一个从
Bandix独立出来的组件。

安装 Install
npm install -S vue-number-tab
下载 Download
git clone theme/Nlvi https://github.com/ColMugX/hexo-theme-Nlvi.gitDownload ZIPOpen in Desktop
使用 Usage
你可以在main.js中直接配置
import numberTab from 'vue-number-tab'
Vue.use(numberTab)或者在你希望用到的地方
import { numberTab } from 'vue-number-tab' // 按照按需引入来…
// components: { numberTab }
// 或者第二种:
Vue.component(numberTab.name, numberTab) // 或者换成你喜欢的名字如果直接使用的话
<number-tab></number-tab>默认是选择数字,从1到4,颜色是#444751,
配置 Options
Api
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| total | 数字的总数,或者通过数组传入数据 | Number, Array | - | 4 |
| value | 组件默认选择数据 | Number | - | 1 |
| bgColor | 选择区块颜色 | String | - | #444751 |
| disabled | 禁用该组件 | Boolean | true, false | false |
Event
| 参数 | 说明 | 返回值 |
|---|---|---|
| on-change | 获取当前选择数据 | Number, String |
