layui/example/docs/zh-CN/components/inputNumber.md
2022-02-06 05:20:07 +08:00

2.8 KiB

::: anchor :::

::: title 基本介绍 :::

::: describe 通过鼠标或键盘,输入范围内的数值。 :::

::: title 基础使用 :::

::: demo 使用 lay-input-number 标签, 创建数字输入框

:::

::: title 尺寸 :::

::: demo

:::

::: title 限制数字大小 :::

::: demo

:::

::: title 数字步数 :::

::: demo

:::

::: title 禁用 :::

::: demo

禁用输入

全部禁用

:::

::: 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)

:::

::: comment :::

::: previousNext inputNumber :::