el-form 单独校验通过v-for 生成内容的item项

添加给此项单独添加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')

最终效果