el-input 在el-form rules验证 示例修改密码

  <el-form ref="form" :model="registerForm" :rules="rules" >
 <el-form-item prop="password">
        <el-input
          v-model="form.password"
          type="password"
          auto-complete="off"
          placeholder="密码"
        >
        </el-input>
      </el-form-item>
      <el-form-item prop="confirmPassword">
        <el-input
          v-model="form.confirmPassword"
          type="password"
          auto-complete="off"
          placeholder="确认密码"
        >
        </el-input>
      </el-form-item>

    </el-form>



data(){
  var validateConfirmPassword=(rule,value,callback)=>{
    if(value !== this.form.password){
       callback(new Error('两次输入密码不一致'))
    }else{
        callback()
    }
  }
  return{
    rules:{
      password:[
         { required: true, trigger: "blur", message: "请输入您的密码" },
         { min: 2, max: 20, message: '用户账号长度必须介于2和20之间', trigger: 'blur' },
         {pattern:正则,trigger: "blur", message: "请输入您的密码"}
      ],
      confirmPassword:[
         { required: true, trigger: "blur", message: "请输入您的密码" },
         { min: 2, max: 20, message: '用户账号长度必须介于2和20之间', trigger: 'blur' },
         {validator:正则,validateConfirmPassword: "blur"}
      ],
      
    }


  }
}