elementui 关于校验的问题

elementui 的表单校验怎样做某一个验证项

// 默认活动性质(property)是显示的,然后rules里也有校验的

formRules:{
    property: [{required:true,message:'xxxx'}],
    name: [{required:true,message:'xxxx'}], // 其他表单item
}

// 当活动性质隐藏了(在判断是否隐藏那的逻辑里把rules更改一下)

if (hiddenProperty) { // 隐藏活动性质
    this.formRules.property = []
} else {
    this.formRules.property = [{required:true,message:'xxxx'}]
}

 

这种吗

rules:{

type: [ { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' } ],

}

把这个type去掉

这样不行的

<el-form-item label="活动性质" > <el-checkbox-group v-model="ruleForm.type"> <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox> <el-checkbox label="地推活动" name="type"></el-checkbox> <el-checkbox label="线下主题活动" name="type"></el-checkbox> <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox> </el-checkbox-group> </el-form-item>

把 prop="type" 去掉

一中可以把绑定的 prop 去了,第二种可以用自定义校验,不返回错误就行

隐藏 直接使用v-if 这样不会早这个验证啦