# 数量选择器 Counter

# 基础用法

# 示例代码

通过count属性设置起始数量,默认值为1

通过min属性设置最小数量,默认值为1

通过max属性设置最大数量,默认值为9999

1
显示代码

# 设置数量增减步长

通过step属性设置数量增减步长,默认值为1

1
显示代码

# 设置禁用状态

通过disabled属性设置数量选择器禁用状态。默认值为false

1
显示代码

# API

# Props

参数 说明 类型 可选值 默认值
count 设置起始数量 Number —— 1
min 设置最小数量 Number —— 1
max 设置最大数量 Number —— 9999
step 设置数量增减步长 Number —— 1
disabled 设置禁用状态 Boolean —— false
isHover 是否显示hover效果 Boolean —— true

# Events

事件名 说明 回调参数 备注
lintap 点击加(减)号及数字输入框失去焦点触发的事件 {count,type} type值为reduce、add和blur
linout 数字超出可选范围触发的事件 {type,way} type值为overflow_min、overflow_max,way值为icon、input、parameter

TIP

way 值介绍:

icon 为点击加(减)号触发的超出事件。 input 为输入框数字超出事件。 parameter 为输入的参数导致的超出事件。

# 数量选择器外部样式类

类名 说明
customClass 设置数量选择器整体容器的外部样式类
symbolClass 设置数量选择器加(减)号容器的外部样式类
disabledClass 设置数量选择器数字容器禁用状态的外部样式类
countClass 设置数量选择器数字容器的外部样式类