ant-design-vue 转换文本框输入内容类型

作者: 哈哈乐乐WXT | 来源:发表于2020-03-04 09:04 被阅读0次

使用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: '请输入不超过两位小数的数值'}
                  ]}]"
          />

有同样需求的小伙伴可以参考一下