Ant Design Vue InputNumber数字输入框属性和事件

Ant Design Vue InputNumber数字输入框属性和事件

InputNumber属性

属性名称
描述类型默认值
autoFocus自动获取焦点booleanfalse
defaultValue初始值number
disabled禁用booleanfalse
formatter指定输入框展示值的格式
具体用法参考,点击查看
function(value: number | string): string-
max最大值number-
min最小值number-
parser指定从 formatter 里转换回数字的方式,和 formatter 搭配使用,具体用法点击查看function( string): number-
precision数值精度
<a-input-number precision="2" ></a-input-number>
number-
decimalSeparator小数点分隔符号,比如12.67默认分隔符为小数点
<a-input-number precision="2" decimalSeparator="#" ></a-input-number> 那么会显示成 12#67;注意如你是引入JS开发方式decimalSeparator为decimal-separator
string-
step每次改变步数,可为小数,当用户点增加减少时加减的数量
<a-input-number step="10" ></a-input-number>
number|string1
size输入框大小string-
value(v-model)当前值number

InputNumber事件

事件名称说明参数版本
change输入框内容变化回调事件function(value: number | string)
pressEnter按下回车的回调function(e)

InputNumber方法

事件名称说明
blur()移除焦点
focus()获取焦点