200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > ant design vue 中数字输入框a-input-number限制只能输入大于等于0的整数 且有最大输入值限制

ant design vue 中数字输入框a-input-number限制只能输入大于等于0的整数 且有最大输入值限制

时间:2020-09-12 11:54:48

相关推荐

ant design vue 中数字输入框a-input-number限制只能输入大于等于0的整数 且有最大输入值限制

1.场景:只能输入大于等于0的数字,不能输入-+.三种字符,且有最大输入数值(9999)限制。

2.代码实现:

参数注解

min:最小值

max:最大值

precision: 数值精度(去掉以 0 开头的数字,如:输入 01,失焦后会去掉 0)

formatter:对输入值格式化

parser:与formatter结合使用,指定从formatter里转换回数字的方式

<a-form-item label="排序" name="displayOrder"><a-input-numberv-model:value="formState.displayOrder":min="0":max="9999":precision="0":formatter="transformNum":parser="transformNum"/></a-form-item>// ant design数字输入框限制只能输入大于等于零的整数const transformNum = value => {let v = nullswitch (typeof value) {case 'string':v = isNaN(+value) ? 0 : value.replace(/\./g, '')breakcase 'number':v = isNaN(value) ? 0 : String(value).replace(/\./g, '')breakdefault:v = 0}return v}

3.效果图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。