默认主题
数字输入框

示例

基础用法

使用v-model进行双向数据绑定,disabled禁用组件

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
最大/小值及步长

maxmin可指定取值范围,step指定步长

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
精度

给组件添加precision属性可以指定输入值的小数位数,当指定为0时,则只能输入整数

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
尺寸

size属性定义尺寸:large, default, small, mini

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
竖直排列按钮

添加vertical属性,即可实现控制按钮竖直排列的数字输入框

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)

属性

属性 说明 类型 默认值
value 组件的值,可用v-model进行双向绑定 Number 0
max 最大值 Number Number.POSITIVE_INFINITY
min 最小值 Number Number.NEGATIVE_INFINITY
step 步长 Number 1
disabled 是否禁用 Boolean false
size 尺寸 "default" | "small" | "mini" "default"
vertical 控制按钮是否竖直排列 Boolean false
precision 控制展示精度,该值必须为正整数或0 Number undefined