<script>
export default {
    components: {},
    data() {
        return{
            count: 1,
            change: function ($event){
                console.log($event)
            },
        }
    }
}
</script>
# Count 数量
通过输入以及按钮进行数值修改。

## 基础用法
由于max值与step必须为倍数关系，因此如果min，max值不是倍数，max值会默认减到邻近max值对应倍数。
如min：1，max10，step：2，可跳转值为1,3,5,7,9,但是max是10，且不能选到10，会默认改到邻近最大值9。
:::demo 使用`f-icon`嵌入图标
````html
<efly-count v-model="count" :min="1" :max="10" :step="2" maxlength="3" @change="change($event)"></efly-count>
````
:::

## 无操作用法
:::demo 使用`f-icon`嵌入图标
````html
<efly-count :value="1" :min="1" :max="10" :step="2" :operate="false" maxlength="3" ></efly-count>
````
:::

## 尺寸
:::demo 使用`f-icon`嵌入图标
````html
<efly-count :value="1" :min="1" :max="10" :step="2" maxlength="3"></efly-count>
<efly-count :value="1" :min="1" :max="10" :step="2" maxlength="3" size="small"></efly-count>
<efly-count :value="1" :min="1" :max="10" :step="2" maxlength="3" size="mini"></efly-count>
````
:::

## 参数说明
| 参数      | 说明    | 类型      | 可选值       | 默认值   |
|---------- |-------- |---------- |-------------  |-------- |
| value     | 绑定值   | Number  |     —        |    1     |
| min       | 最小值   | Number  |     —        |    1     |
| max       | 最大值   | Number  |     —        |    10    |
| step      | 步长     | Number  |     —        |    1    |
| maxlength | 输入框最大长度 | String  |     —        |    —     |
| width     | 输入框宽度 | String  |     —        |    50px     |
| operate   | 操作显示   | Boolean  |    true / false        |    true     |

## 事件
| 事件名称      | 说明    | 回调参数   
|---------- |-------- |---------- |
| change     | 点击事件   | 当前value值  |

