关于antdv组件a-input-number金额格式化三位一逗问题

版本:“name”: “vue-antd-pro”,
“version”: “2.0.0”,
“vue”: “^2.5.22”
参考官网文档版本2.2.8

复制文档中数字输入框格式化展示部分代码,主要是:

:formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
:parser="value => value.replace(/\$\s?|(,*)/g, '')"

放进项目代码中,发现如下问题:显示正常
仿佛把逗号看成小数点四舍五入了
仿佛失焦时把逗号看成小数点四舍五入了,但代码中没有写失焦方法:

 <a-input-number
     v-decorator="[
      'genAssets',
       { rules: [{ required: true, message: '请输入资产总额' }], validateTrigger: 'blur' },
        ]"
        :precision="2"
        :max="99999999999999.99"
        name="genAssets"
        :formatter="(value) => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
        :parser="(value) => value.replace(/\$\s?|(,*)/g, '')"
       style="width: 100%"
                />

最后多次对比试验后,发现是validateTrigger: 'blur'造成了影响,删掉后就正常了。但是不理解为什么会造成影响。。。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值