是不能像是input 或者其它表单元素 通过点击按钮然后触发对字段校验,
<a-form-item label="银行卡" help="至少添加1张银行卡,最多添加3张银行卡">|
<a-button
type="default"
@click="addBankCard"
:disabled="bankCardList.length===4"
v-decorator="['bankCard',
{
rules: [
{
required: true,
message: '请添加银行卡!',
},
],
}
]"
>
添加银行卡
</a-button>
</a-form-item>
但是可以通过添加银行卡后,可以触发form对该字段的赋值,达到form表单元素校验效果
例如通过以下方式:
watch: {
bankCardList: {
handler: function(newVal) {
this.formGet.setFieldsValue({
bankCard: newVal
})
}
}
},
ps:
formGet为form表单,可以通过属性传递给单独组件
网友评论