Skip to content

InputNumber 数字输入框

规则

js
{
    type: "InputNumber",
    field: "price",
    title: "价格",
    value: 1,
    props: {
        clearable: true
    },
}
{
    type: "InputNumber",
    field: "price",
    title: "价格",
    value: 1,
    props: {
        clearable: true
    },
}

参考:naive-ui_InputNumber

value :Number

Props

名称类型默认值说明
borderedbooleantrue是否有边框
clearablebooleanfalse是否可清空
disabledbooleanfalse是否禁用
keyboard{ ArrowUp?: boolean, ArrowDown?: boolean }{}控制允许的键盘操作,属性值设为 false 的时候会禁用对应的键盘操作
loadingbooleanundefined是否展示加载图标,设为非 undefined 会占据空间
maxnumberundefined最大值
minnumberundefined最小值
placeholderstring'请输入'提示信息
show-buttonbooleantrue是否有按钮
size'small' | 'medium' | 'large''medium'输入框大小
stepnumber1每次改变步数,可以为小数
update-value-on-inputbooleantrue在输入的过程中,在输入值合法的情况下,是否改变值
validator(value) => booleanundefined设置自定义验证
on-blur(event: FocusEvent) => voidundefined移除焦点的回调
on-clear() => voidundefined点击清空按钮时的回调
on-focus(event: FocusEvent) => voidundefined获取焦点的回调
on-update:value(value: number | null) => voidundefined组件值发生变化的回调