vue + element-ui 对复杂对象型数组进行表单验证

欣琪

于 2021-06-25 17:41:40 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_41038929/article/details/118225598

本文介绍了如何在Vue.js项目中，结合Element-UI库对包含复杂对象的数组进行表单验证。首先展示了需要验证的复杂数据对象结构，接着详细阐述了前端页面的表单验证规则定义及验证过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，需要验证的复杂数据对象
现在让我们走进这个上述表单的数据的实况，如下所示：

createParentsInfo: {
   
   
   mobile: "",
   remark: "",
   students: [
       {
   
   
           isPrimaryContact: true,
           relationshipId: "",
           userId: "",
           userName: "",
           studentsList: [],
           name: "",
           eeid: "",
           isStudentsShow: false
       }
   ],
   userName: "",
   userId: "",
   userStatus: "INACTIVE"
}