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 这样不会早这个验证啦