NumberBox 步进器-口口声声网

NumberBox 步进器

该组件一般用于商城购物选择物品数量的进器场景

注意：该输入框只能输入大于或等于0的整数

App（vue）	App（nvue）	H5	小程序
√	√	√	√

通过v-model绑定value初始值，此值是进器双向绑定的，无需在回调中将返回的进器数值重新赋值给value。

通过min和max参数限制输的进器入值最小值和最大值

通过integer限制输入类型

通过step设置步进长度，decimal-length设置显示小数位数

通过asyncChange设置异步变更，进器开启后需要手动控制输入值（默认 false ）

页面源码地址

正在上传…重新上传取消 github正在上传…重新上传取消 gitee

参数	说明	类型	默认值	可选值
name	步进器标识符，在change回调返回	String \| Number	-	-
value	用于双向绑定的进器值，初始化时设置设为默认min值(最小值)	String \| Number	1	-
min	用户可输入的进器最小值	String \| Number	1	-
max	用户可输入的最大值	String \| Number	`Number.MAX_SAFE_INTEGER`	-
step	步长，每次加或减的进器值，支持小数值，进器如需小数	String \| Number	1	-
integer	是进器否只能输入正整数	Boolean	false	true
disabled	是否禁用操作，包括输入框，进器加减按钮	Boolean	false	true
disabledInput	是进器否禁止输入框	Boolean	false	true
asyncChange	是否开启异步变更，开启后需要手动控制输入值	Boolean	false	true
inputWidth	输入框宽度，单位px	String \| Number	35	-
showMinus	是否显示减少按钮	Boolean	true	false
showPlus	是否显示增加按钮	Boolean	true	false
decimalLength	显示的小数位数	String \| Number	-	-
longPress	是否允许长按进行加减	Boolean	true	false
color	输入框文字和加减按钮图标的颜色	String	#323233	-
buttonSize	按钮大小，宽高等于此值，单位px，输入框高度和此值保持一致	String \| Number	30	-
bgColor	输入框和按钮的背景颜色	String	#EBECEE	-
cursorSpacing	指定光标于键盘的距离，避免键盘遮挡输入框，单位px	String \| Number	100	-
disablePlus	是否禁用增加按钮	Boolean	false	true
disableMinus	是否禁用减少按钮	Boolean	false	true
iconStyle	加减按钮图标的样式	String	-	-

作者:休闲