ElementUI在对话框中新增数据，使用rules校验规则进行校验，再点击完修改之后，在进行新增校验会报错

最新推荐文章于 2024-03-05 16:23:48 发布

kobe_IT

最新推荐文章于 2024-03-05 16:23:48 发布

阅读量727

点赞数

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/kobe_IT/article/details/131305996

版权

1.新增与修改使用同一个对话框，当修改完成一条数据后，重新打开新增的对话框，通过ElementUI的rules检验会报错

解决方案：在对应的rules校验中每个字段添加trigger: 'blur' 即可解决上述问题,注意：下面的xxx代表需要校验的具体属性，根据系统自行定义，加了该属性即可解决问题

rules: {
        xxx: [
          { required: true, message: '认证类型不能为空', trigger: 'blur' }
        ],
        xxx: [
          { required: true, message: '认证项目不能为空', trigger: 'blur' }
        ],
        xxx: [
          { required: true, message: '认证名称不能为空', trigger: 'blur' }
        ],
        xxx: [
          { required: true, message: '认证机构不能为空', trigger: 'blur' }
        ],
        xxx: [
          { required: true, message: '执行体系不能为空', trigger: 'blur' }
        ],
        xxx: [
          { required: true, message: '认证范围不能为空', trigger: 'blur' }
        ],
        xxx: [
          { required: true, message: '首次取证不能为空', trigger: 'blur' }
        ],
        xxx: [
          { required: true, message: '证书有效期不能为空', trigger: 'blur' }
        ],
        xxx: [
          { required: true, message: '请上传文件', trigger: 'blur' }
        ]

      },