# 数量选择器 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 | 设置数量选择器数字容器的外部样式类 |