vue + el-form 实现的多层循环表单验证

2023-07-10 18:57:03 70

let_THAT export default{ name:'formMangeAdd', data(){ return{ formObj:{ formDictExtendDoList:[] }, rules:{ fieldName:[{ required:true, message:'请输入', trigger:'blur' },{ validator:this.itemValidator, trigger:'blur' }], value:[{ validator:(rule,value,callback)=>{ //I'magenius. letthat=_THAT that.forceUpdate() letfield=rule.field letarr=field.split('.') letindex=+arr[1] letindex1=+arr[3] let_value=that.formObj.formDictExtendDoList[index].item[index1].value if(_value===''||_value===null||_value===undefined){ callback(newError('请输入')) }else{ callback() } }, trigger:'blur' }] } } }, beforeCreate(){ _THAT=this }, created(){ //测试数据 lettest=[{ id:'id_1595641858891', //唯一配置id fieldName:'字段名称', //字段名称 item:[] },{ id:'id_1595641858892', //唯一配置id fieldName:'字段名称', //字段名称 item:[] },{ id:'id_1595641858893', //唯一配置id fieldName:'字段名称', //字段名称 item:[{ id:'item_id_1595641858891', //唯一id value:'选项1' },{ id:'item_id_1595641858892', //唯一id value:'选项2' }] }] this.formObj.formDictExtendDoList=test }, methods:{ /** *重复性判断 **/ itemValidator:(rule,value,callback)=>{ letthat=_THAT that.forceUpdate() letfield=rule.field letruleArr=field.split('.') letindex=+ruleArr[1] lettype=ruleArr[2] if(value===''){ callback() returnfalse } letarr=[] for(leti=0;i

以上就是vue+el-form实现的多层循环表单验证的详细内容，更多关于vue表单验证的资料请关注毛票票其它相关文章！

vue + el-form 实现的多层循环表单验证

热门推荐

随机推荐