美文网首页
vue 使用antd 如何为特殊请况添加判断效果

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

作者: 说好的幸福2020 | 来源:发表于2021-06-12 17:13 被阅读0次


如上图请况

是不能像是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 如何为特殊请况添加判断效果

      本文链接:https://www.haomeiwen.com/subject/wggxeltx.html