PasswordStrength 密码强度
TIP
适合需要验证密码强度的场景
基础用法
默认 密码字段: password;确认密码字段:againPassword; 可以通过pwdValue和againPasswordValue配置
TIP
配置 pwdValue和againPasswordValue 为空字符串时,表示不使用这个字段 会隐藏对应的 el-form-item 项
强度等级
通过level 指定校验密码强度的等级 默认:middle 可选low | middle | high
禁用
通过disabled配置
显示密码项
通过show配置
密码长度限制
通过minLength和maxLength配置
插槽使用
提供三个插槽 top bottom default
PasswordStrength API
PasswordStrength Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| model | 绑定值 | Object | — |
| fieldsOptions | 配置选项, 请参阅下面 FieldsOption 表. | object | - |
| rule... | 其他参数同 el-form | — | — |
PasswordStrength Events
| Name | Description | Type |
|---|
PasswordStrength Slots
| Name | Description | Scope |
|---|---|---|
| top | 在密码上面 | - |
| bottom | 在密码下面 | - |
| default | 默认插槽 在插槽#bottom下面 | - |
FieldsOption
| Attribute | Description | Type | Default |
|---|---|---|---|
| pwdValue | 密码的属性值 | string | 'password' |
| pwdLabel | 密码的标签值 | string | '登录密码' |
| againPasswordValue | 确认密码的标签值 | string | 'againPassword' |
| againPasswordLabel | 确认密码的标签值 | string | '确认密码' |
| disabled | 是否禁用 | boolean | false |
| show | 是否显示 pwdValue | boolean | true |
| level | 安全等级 | enum | 'middle' |
| minLength | 密码最小长度 | number | 8 |
| maxLength | 密码最大长度 | number | 16 |