添加给此项单独添加rules
:rules="{
required: true, trigger: 'blur',validator: validateJsonItem
}"
对应的校验方法
validateJsonItem(rule, value, callback){
if(this.objCons.length>0){
callback()
}else{
callback(new Error('请添加JSON参数'))
}
},
此时提交表单,如果v-if 为 true ,就会校验此项。如果提交表单时,此项为空,提示错误信息,添加内容后,错误信息不会消失,需要单独移除此项的校验,可以在点击添加参数时,移除此项的校验
this.$refs.ruleForm.clearValidate('jsonItem')
最终效果