antd InputNumber 几种正则类型

25 篇文章 0 订阅
1 篇文章 0 订阅
  1. 只能输入正整数

 <a-input-number
       v-model="form.quantity"
       :initialValue="0"
       :max="100000"
       :disabled="inputVisible"
       :min="0"
       :parser="value => value.replace(/[^0-9]/g, '')"
       type="number"
       step="1"
></a-input-number>

  1. 金额(保留两位小数)
<a-input-number
         v-model="form.money"
         :initialValue="0"
         :disabled="inputVisible"
         :max="99999999"
         :min="0"
         :parser="value => value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/\.{2,}/g, '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')"
         type="number"
         step="1"
></a-input-number>


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
antdInputNumber组件可以通过设置precision属性来控制精度。在你提供的代码中,precision属性被设置为0,这意味着输入的值将被限制为整数。如果你想要控制小数位数,你可以将precision属性设置为一个大于0的值,例如1或2。这样,用户在输入时将只能输入指定位数的小数。\[1\] 另外,你提到的getFieldDecorator函数是antd中用于包装表单控件的方法。它会自动为控件添加value和onChange属性,以便与表单数据进行同步。这意味着当用户输入或选择一个新的值时,表单数据将自动更新。\[2\] 在你提供的代码中,initDymAttr函数用于初始化一些数据。根据代码中的注释,它将一些属性设置为undefined。这可能是为了确保这些属性在开始时没有任何值。\[3\] 综上所述,通过设置precision属性和使用getFieldDecorator函数,你可以实现对antd InputNumber组件的精度控制和表单数据的同步。 #### 引用[.reference_title] - *1* *3* [antd+react inputnumber 小数精度](https://blog.csdn.net/qq_39898191/article/details/113108579)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [AntdInput 组件默认值的显示](https://blog.csdn.net/weixin_29331015/article/details/113373680)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值