iview 表单动态校验，required: true

最新推荐文章于 2024-08-13 17:26:11 发布

弹琴弹琴

最新推荐文章于 2024-08-13 17:26:11 发布

阅读量7.7k

点赞数 1

分类专栏：框架库点滴知识文章标签： iview

本文链接：https://blog.csdn.net/bbsyi/article/details/102860994

版权

框架库点滴知识专栏收录该内容

96 篇文章 0 订阅

订阅专栏

<form-item label="主机记录" prop="name" v-if="showName">
                                            <i-input v-model="dataConfig.name" placeholder="请输入主机记录"></i-input>
                                        </form-item>

this.showName = false;
            this.$nextTick(()=>{
                this.showName = true;
            })
            this.dataConfig.name = '';
            this.ruleValidate.name = []
            if(val=='NS'){
                this.ruleValidate.name = [{ validator: (rule, value, callback)=>{
                    if(!isEmpty(value)&&this.dataConfig.type!='NS'){
                        callback(new Error('请输入主机记录'));
                    }else{
                        callback();
                    }
                },trigger: 'blur' }]
            }else{
                this.ruleValidate.name = [{ required: true,message: '请输入主机记录' ,trigger: 'blur' }]
            }