解决分组或者多选select无法通过表单validate验证,其他类型select可以

vue和element均为最新版
关键代码如下:

<el-form :model="editForm" label-width="100px" :rules="editFormRules" ref="editForm">
  <el-form-item label="权限" prop='privilegeList'>
    <el-select v-model="editForm.privilegeList" multiple placeholder="请选择">
      <el-option-group v-for="group in projectPrivileges" :label="group.projectname">
        <el-option v-for="item in group.privilege" :label="item.name" :value="item.priId">
        </el-option>
      </el-option-group>
    </el-select>
  </el-form-item>
</el-form>

editFormRules: {
  privilegeList: [
    {required: true, message: '请选择权限', trigger: 'blur', type: 'array'},
  ]
}

如果选择是多选或者分组多选需要添加type标注是数组,默认是字符串,不然就验证不通过。

发表评论

电子邮件地址不会被公开。 必填项已用*标注