关于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'造成了影响,删掉后就正常了。但是不理解为什么会造成影响。。。


版权声明:本文为qq_44367273原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。