是不能像是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-...