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