element-ui的form表单树型结构验证必填

当你点到这篇文章,说明你也有类似的需求,希望此篇文章能对你有帮助。
1,需要验证的树型结构如下:
formData:{
“description”: “”,
“config_source_bos”:[{
“value”:"",
“source_param_bos”:[{
“value1”:"",
}]
}]
}
2,已vue为例来说明
对 “description”: “”,属性使用正常验证就行
主要针对"config_source_bos"里面的属性进行验证:
图:
element-ui的form表单树型结构验证必填_第1张图片

代码:
html:







js:提交
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert(‘submit!’);
} else {
console.log(‘error submit!!’);
return false;
}
});
},
直接考过去验证,如果对你有帮助的话,点赞加关注哦!转载注明出处

你可能感兴趣的:(vue,element-ui,element表单验证,js,vue,html,javascript)