3.5 KiB
3.5 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 通过鼠标或键盘，输入范围内的数值。 :::
::: title 基础使用 :::
::: demo 使用 lay-input-number 标签, 创建数字输入框
:::
::: title 尺寸 :::
::: demo 通过 size 属性定义尺寸, 默认为 md, 可选值为 lg md sm xs。
:::
::: title 限制数字大小 :::
::: demo 通过 min 与 max 属性, 限制输入数字的大小。
:::
::: title 数字步数 :::
::: demo 通过 step 属性, 设置 加 与 减 的步长。
:::
::: title 禁用 :::
::: demo 通过 disabled-input 与 disabled 属性, 禁用输入或操作。
禁用输入
全部禁用
:::
::: title Input Number 属性 :::
::: table
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 值 | number |
0 |
| name | 原生属性name |
number |
5 |
| disabledInput | 禁用输入框输入 | boolean |
false |
| disabled | 禁用操作 | boolean |
false |
| step | 数字增减的步数 | number |
1 |
| position | 控制按钮显示位置, 目前除了默认值，只有right可填 |
string |
-- |
| min | 最小可输入的数 | number |
-- |
| max | 最大可输入的数 | number |
-- |
| size | 尺寸, 可选值md / sm / xs |
string |
默认为最大尺寸 |
:::
::: title Input Number 事件 :::
::: table
| 属性 | 描述 | 回调参数 |
|---|---|---|
| change | 值更改触发事件 | (value: number) |
:::
::: contributor inputNumber :::
::: previousNext inputNumber :::