Password Input

Ready to use password input component with validation and formatting. The component extend the <BaseInput> component, so you can use all the props and events of the base component.

This component uses zxcvbn-ts to detect and validate the password input strength.
نمایش کد
vue

Change the locale

Changing the locale allows to change the language of the password strength feedback and the dictionaries used to validate the password.

You can install and load dictionaries from the zxcvbn-ts package or create your own dictionary.

نمایش کد
vue

Validation

نمایش کد
vue

Disabled State

نمایش کد
vue

Reacting to other inputs

نمایش کد
vue

#<AddonInputPassword>

•Model

v-model
The password input.
نمایش مثال
vue

•خصوصیات

disabled
نمایش مثال
vue
locale
The locale to use for the feedback strings and dictionary.
نمایش مثال
vue
rounded
The radius of the input.
نمایش مثال
vue
show
Whether the password is visible or not by default.
نمایش مثال
vue
touched
Whether the input has been touched or not, this is used to show the feedback.
نمایش مثال
vue
user-inputs
The user inputs to include in the calculation.
نمایش مثال
vue

•Events

@validation
نمایش مثال
vue
@visibility
نمایش مثال
vue

•Slots

#help
نمایش مثال
vue
#action
نمایش مثال
vue
#default
نمایش مثال
vue

•Exposed

validation
نمایش مثال
vue
showPassword
نمایش مثال
vue
toggleVisibility
نمایش مثال
vue
inputRef
نمایش مثال
vue