vue 使用antd 如何为特殊请况添加判断效果


如上图请况

是不能像是input 或者其它表单元素 通过点击按钮然后触发对字段校验,
    |
                            type="default" 
                @click="addBankCard"
                :disabled="bankCardList.length===4"
                v-decorator="['bankCard',
                    {
                        rules: [
                            {
                                required: true,
                                message: '请添加银行卡!',
                            },
                        ],
                    }
                ]"
            >
            添加银行卡
           
       


但是可以通过添加银行卡后,可以触发form对该字段的赋值,达到form表单元素校验效果
例如通过以下方式:
watch: {
        bankCardList: {
            handler: function(newVal) {
                this.formGet.setFieldsValue({
                    bankCard: newVal
                })
            }
        }
    },

ps: 
    formGet为form表单,可以通过属性传递给单独组件

你可能感兴趣的:(vue 使用antd 如何为特殊请况添加判断效果)