使用ant-design-vue的时候由于需要使用带%样式的文本框样式（即addonAfter）；
用了普通文本框，但是这个文本框内容默认是字符串，验证的时候会报错；
当然可以有其他方式解决，但是在文本框上直接格式化才是比较优雅的解决方式，如是有了以下代码：
<a-input
style="width: 100%"
addonAfter="%"
v-decorator="['centralFinanceRatio',
{rules: [
{ required: true, message: '请输入比列'},
{type: 'number',transform:(value)=> {return Number(value)},pattern: '^[0-9]+(.?[0-9]{1,2})?$', message: '请输入不超过两位小数的数值'}
]}]"
/>
有同样需求的小伙伴可以参考一下
网友评论