Home

Awesome

vue-number-tab

NPM

适用于选座位等数字或者类型选择的组件,这是一个从Bandix独立出来的组件。

screenshots

安装 Install

npm install -S vue-number-tab

下载 Download

  1. git clone theme/Nlvi https://github.com/ColMugX/hexo-theme-Nlvi.git

  2. Download ZIP

  3. Open 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>

默认是选择数字,从14,颜色是#444751,

配置 Options

Api

参数说明类型可选值默认值
total数字的总数,或者通过数组传入数据[Number, Array]-4
value组件默认选择数据[Number]-1
bgColor选择区块颜色String-#444751
disabled禁用该组件Booleantrue, falsefalse

Event

参数说明返回值
on-change获取当前选择数据[Number, String]