# 数字输入框
---
<font color=#666>可快速调整数值大小,且只能输入数字的输入框。</font>

## 样式一
<font color=#666> 基础用法</font>

<div class="demo-block">
    <y-digital :value="11"/>
</div>

::: demo

```html
<template>
    <div class="demo-block">
        <y-digital :value="11"/>
    </div>
</template>
```
:::
<font color=#666> 禁用状态</font>

<div class="demo-block">
    <y-digital :disabled="true" :value="11"/>
</div>

::: demo

```html
<template>
    <div class="demo-block">
        <y-digital mode="vertical" :disabled="true" :value="11"/>
    </div>
</template>
```
:::


## 样式二
<font color=#666> 基础用法</font>

<div class="demo-block">
    <y-digital  mode="vertical"  name="digital" :step="3" :max="100" :min="10" :value="50"/>
</div>

::: demo

```html
<template>
    <div class="demo-block">
        <y-digital mode="vertical" :value="11"/>
    </div>
</template>
```
:::
<font color=#666> 禁用状态</font>

<div class="demo-block">
    <y-digital mode="vertical" :disabled="true" :value="11"/>
</div>

::: demo

```html
<template>
    <div class="demo-block">
        <y-digital mode="vertical" :disabled="true" :value="11"/>
    </div>
</template>
```
:::


### Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|----------|-------------- |----------|--------------------------------  |-------- |
| value    | 绑定值         | number | — | — |
| step     | 计数器步长           | number   | — | 1 |
| disabled | 是否禁用计数器        | boolean | — | false |
| min      | 设置计数器允许的最小值 | number | — | -Infinity |
| max      | 设置计数器允许的最大值 | number | — | Infinity |
| mode | 控制按钮位置(vertical) | string | '' | - |
| name | 原生属性 | string | — | — |
| label | 输入框关联的label文字 | string | — | — |
### Events
| 事件名称 | 说明 | 回调参数 |
|---------|--------|---------|
| change | 绑定值被改变时触发 | 最后变更的值 |
| blur | 在组件 Input 失去焦点时触发 | (event: Event) |
| focus | 在组件 Input 获得焦点时触发 | (event: Event) |

### Methods
| 方法名 | 说明 | 参数 |
| ---- | ---- | ---- |
| focus | 使 input 获取焦点 | - |