//1.初始化的时候要设置为一个空的数组
editData : {
headImageUrl: '',
nickName: '',
studentNumber: null,
sex: null,
dateOfBirth: '',
ilicenseNo: '',
nation: null,
appointmentTime: null,
politicsStatus: null,
nativePlace: null,
gradeClass: []
};
//2.自定义写rules
<el-form-item
label="年级班级"
prop="gradeClass"
:rules="[{ validator: (rule, value, callback)=>{checkClass(rule, value, callback,editData.gradeClass)}, message: '请选择年级班级', trigger: 'change',required: true}]">
<el-cascader
v-model="editData.gradeClass"
:options="optionsGradeClass"
:props="{ expandTrigger: 'hover' }"
></el-cascader>
</el-form-item>
//在method写好方法
//自定义验证
checkClass(rule, values, callback, data){
//自定义验证的逻辑
if(!this.editData.gradeClass || !this.editData.gradeClass.length ){
return callback(new Error(`请选择年级班级`));
}else{
return callback()
}
},
el-form-item 绑定数组做校验
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 先上代码: 数据格式: 在对其中的标签<el-form-item>进行for循环的时候,需要动态添加prop和ru...
- 前端开发肯定会遇到这样一种场景: 要动态的增加或者减少form-item 并且需要对form-item做一些校验,...
- 其中node_modules是我们项目所需的各种依赖,src是我们开发时候所需的一些资源,package.json...
- 今天做项目的时候遇到了这样一个需求:有一个小商店,总共出售十几样商品,每个商品都有单独的编辑加减数量,有点像购物车...