ElementUI中表单校验,用条件判断显示隐藏验证处理💥

2024/1/2

# ElementUI中遇到的校验汇总

# 在开发中,我们会遇到一些校验,比如:

  • 当选择为学生时,下一个必填框为班级
  • 当选择为老师时,下一个必填框为部门

如果直接用v-if判断,当点击修改后查看人员信息后,再点新增弹窗时,控制台会报错,虽然不是很影响功能,但是为了探究这个问题,我决定试试

  • 原因是 <el-form-item label="选择部门" prop="departmentId">这种不适合v-if判断,所以在外层包一个div,把判断放在div上就不会报错了。

# 代码示例:

  • 在控制台报错如下代码:
    DEAR JOHN - 比莉
    比莉