Auth - Password change component
This is the component that implements the password change UI and logic.
Examples
Props
Name | Type | Default | Required | Description |
emailLabel | string | E-mail | no | Email field label. |
emailField | string | email | no | Email field name for submit data object. |
emailEmpty | string | Your email address | no | Email field placeholder. |
passwordLabel | string | E-mail | no | Password field label. |
passwordField | string | email | no | Password field name for submit data object. |
passwordEmpty | string | Your email address | no | Password field placeholder. |
confirmPasswordLabel | string | E-mail | no | Confirm password field label. |
confirmPasswordField | string | email | no | Confirm password field name for submit data object. |
confirmPasswordEmpty | string | Your email address | no | Confirm password field placeholder. |
changeText | string | Change your password | no | Reset password button text. |
changeUrl | string | /password/reset | no | Reset password POST url: it will use standard Laravel login route by default. |
submitClass | string, object | null | no | Submit button class |
submit | Promise | null | no | Override component password change submit function. |
hideFooter | bool | false | no | Hide the component footer. |
validations | object | { email: { required, email }, password: { required, sameAs: sameAs('confirmPassword') }, confirmPassword: { required, sameAs: sameAs('password') } } | no | Validate model using Vuelidate |
Events
Name | Params | Description |
onSubmit | data | Called when the submit button is clicked and there are no validation errors. |
onInvalid | errors | Fired when the reset process can't start for data validation errors. |
onFails | errors | Fired when the reset process fails. |
onSuccess | data | Fired when the password change succeded. |
Slots
Name | Description |
footer | Component below the login panel. Default value present a copyright. |
Last Updated: 4/19/2019, 5:16:47 PM