mbs-input-number

数字计数器组件

数字计数器

DEMO

Version

• 版本：v1.0.0

• 开发：mbs

Usage

templete:

<mbs-input-number
  v-model="num"
  :min="1" // 组件最小值
  :max="10" // 组件最大值
  :step="1" // 允许定义递增递减的步数控制
  size="medium" // 支持三种大小 medium small mini
  label="房间量" // 设置placehold文案
  > 
</mbs-input-number>

script:

import mbsInputNumber from 'mbs-input-number'

export default {
    name :'xxx',
    components: {
        mbsInputNumber
    },
    data() {
        return {
            num:1 // 初始化值（不可小于设置的min值,否则会被设置成min值）
        }
    }
}

Installation

# install dependencies
npm install mbs-input-number --save

option

Property	Description	type	default
disabled	可设置组件不可用状态	boolean	false
min	组件最小值	number
max	组件最大值	number
v-model	初始值	number
step	递增递减的步数	number	1
size	组件大小	string	medium
label	placeholder值	string

遗留问题

• [ ] 支持按钮位置调整（待实现）

更新记录

版本	更新项
v1.0.0	支持基本使用

github

mbs-input-number