Element UI自定义数据校验以及失效解决

1 el-form绑定model属性和rules属性
<el-form status-icon ref="regiForm" :model="regiForm" :rules="regiRules">
2 创建model绑定对象和rules绑定对象

3 创建数据校验方法

var validPass = (rule, value, callback) => {
      console.log(value)
      if (value === '') {
        callback(new Error('请再次输入密码'))
      } else if (value !== this.regiForm.password) {
        callback(new Error('两次输入密码不一致!'))
      } else {
        callback()
      }
    }

4 校验项绑定数据校验方法

在标签上绑定相应数据校验规则

错误解决：四个地方的名词必须保持严格一致，不然报错。