Skip to content

InputNumber 数字输入框

规则

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

完整配置项:Ant-design-vue_InputNumber

value :Number

Props

成员说明类型默认值
addonAfter带标签的 input,设置后置标签slot-
addonBefore带标签的 input,设置前置标签slot-
autofocus自动获取焦点booleanfalse
bordered是否有边框booleantrue
controls是否显示增减按钮booleantrue
decimalSeparator小数点string-
disabled禁用booleanfalse
formatter指定输入框展示值的格式function(value: number | string, info: { userTyping: boolean, input: string }): string-
keyboard是否启用键盘快捷行为booleantrue
max最大值numberInfinity
min最小值number-Infinity
parser指定从 formatter 里转换回数字的方式,和 formatter 搭配使用function( string): number-
precision数值精度number-
prefix带有前缀图标的 inputslot-
size输入框大小string-
status设置校验状态'error' | 'warning'-
step每次改变步数,可以为小数number|string1
stringMode字符值模式,开启后支持高精度小数。同时 change 事件将返回 string 类型booleanfalse
upIcon自定义上箭头图标slot<UpOutlined />
downIcon自定义下箭头图标slot<DownOutlined />

Events

事件名称说明回调参数
change变化回调Function(value: number | string)
pressEnter按下回车的回调function(e)
step点击上下箭头的回调(value: number, info: { offset: number, type: 'up' | 'down' }) => void

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用