element-plus表单校验

一、element-plus表单使用

和element-ui一样：绑定el-form的model，rules，还有el-form-item的prop属性

二、rules中自定义检验

1.商用项目中，密码校验比较复杂，一般将校验方法写成一个工具类函数

export const validatePass = (rule, value, callback) => {
  console.log('validatePass', value, 'value')
  if (value.length < 6) {
    callback(new Error('密码至少为6位'))
  } else {
    callback()
  }
}

2.rules对象中配置自定义验证方法

不需要配置message，不然会将校验函数中抛出的error对象提示覆盖

三、密码展示方式

1.修改input的type值