Skip to content

InputNumber 计数器

仅允许输入标准的数字值,可定义范围

基础用法

type为'number'

[
  {
    type: "number",
    name: "number",
    text: "计数器"
  }
]
显示配置

禁用状态

disabled 属性接受一个 Boolean,设置为 true 即可禁用整个组件,也可以接受一个返回 Boolean 的函数,如果你只需要控制数值在某一范围内,可以设置 min 属性和 max 属性,不设置 min 和 max 时,最小值为 0。

[
  {
    type: "number",
    name: "number",
    text: "计数器",
    disabled: () => true
  }
]
显示配置

步数

允许定义递增递减的步数控制

设置 step 属性可以控制步长,接受一个 Number 。

[
  {
    type: "number",
    name: "number",
    text: "计数器",
    step: 10
  }
]
显示配置

Attributes

参数说明类型可选值默认值
name绑定值string
placeholder输入框占位文本string
text表单标签string
disabled是否禁用boolean / FilterFunctionfalse
min设置计数器允许的最小值number-Infinity
max设置计数器允许的最大值numberInfinity
step计数器步长number1
onChange值变化时触发的函数OnChangeHandler-

Powered by 腾讯视频会员平台技术中心