vue 使用antd 如何為特殊請況添加判斷效果


如上圖請況

是不能像是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表單,可以通過屬性傳遞給單獨組件

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 這個序可能會有些長 先作個自我介紹,我是一名交互設計師,90后。我并不怎么喜歡編輯文章或寫點什么,就是因為懶,所以...
    IxDKN閱讀 11,105評論 16 160
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內容,還有我對于 Vue 1.0 印象不深的內容。關于...
    云之外閱讀 5,072評論 0 29
  • 日常學習知識點總結(JS篇) 1、閉包: 閉包就是函數中的函數,里面的函數可以訪問外面函數的變量,外面的變量是內部...
    依稀_Sting閱讀 2,098評論 0 1
  • vue概述 在官方文檔中,有一句話對Vue的定位說的很明確:Vue.js 的核心是一個允許采用簡潔的模板語法來聲明...
    li4065閱讀 7,266評論 0 25
  • antd-design-vue 部分組建參考文檔 完整測試代碼 NOTICE Node版本為 V12, node-...
    rub1cky閱讀 12,684評論 0 1