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阅读 13,795评论 16 160
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,466评论 0 29
  • 日常学习知识点总结(JS篇) 1、闭包: 闭包就是函数中的函数,里面的函数可以访问外面函数的变量,外面的变量是内部...
    依稀_Sting阅读 6,343评论 0 1
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 12,047评论 0 25
  • antd-design-vue 部分组建参考文档 完整测试代码 NOTICE Node版本为 V12, node-...
    rub1cky阅读 14,366评论 0 1