是不能像是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表单,可以通过属性传递给单独组件
vue 使用antd 如何为特殊请况添加判断效果
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 这个序可能会有些长 先作个自我介绍,我是一名交互设计师,90后。我并不怎么喜欢编辑文章或写点什么,就是因为懒,所以...
- 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
- antd-design-vue 部分组建参考文档 完整测试代码 NOTICE Node版本为 V12, node-...