zl程序教程

您现在的位置是:首页 >  后端

当前栏目

elementUI——el-form表单,校验二层对象的值

对象elementui 表单 Form 校验 el 二层
2023-09-27 14:29:10 时间

搬运自: vue el-form 表单对象里还有对象,多层嵌套校验,制定校验规则_System.out.print的博客-CSDN博客

 

表单:

form:{
    name:'',
    role:{
        name:''     
    }
}

 

1、给 el-form-item 的 prop="" 设为:prop="role.name"

2、然后在校验规则中:重点要用 '' 括起来

rules: {
    'role.name': [
        {required: true, message: '请输入角色名', trigger: 'blur'},
    ]
}