先奉上最终实现功能 的正确使用代码:
<a-form-item>
<span style='font-weight: bolder;margin-left:1.5%;color: black'>增速配置 :</span>
<a-input placeholder="增速如:3" style="width:30%;text-align:right;margin-left: 10px" v-decorator="['increaseConfig', {initialValue: '',rules: [{ message: '请输入数字格式', pattern: /^([-+])?\d+(\.[0-9]{1,2})?$/ }, { validator: this.handleDataCheck } ], validateTrigger: ['change', 'blur'] }]"></a-input>%
<a-button style="background: #00A0E9;border-radius:5px;" @click='insIncreaseSpeed'> 新增 </a-button>
</a-form-item>
回顾错误写法及问题解决:
我之前错误的写法1: 设置重复默认值
我之前错误的写法2: 设置单个默认值,但无法实现校验功能
我之前错误的写法3: 实现校验功能,但控制台报错
正确写法:把默认值设置和 rules放在同一个大括号下,v-decorator的name只有一个大括号