@myshell/alvue

Ajax Laravel Validator helps you show the errors of a Laravel FormRequest in its forms.
4,808 7
Install
npm install @myshell/alvue
Latest Version:1.3.9
Vue:3
Older releases:2
License:ISC
Last Updated:Feb 8, 2024
Links: GitHub  ·  npm
Maintainer: gussrw

ALVue - Ajax Laravel Validator for Vue

ALVue is the update of the library that previously worked with JQuery, this new version includes a Vue component that will help you show the errors of a Laravel FormRequest in its forms.

Version matrix
Vue.js version Package version Branch
2.x 1.2.x vue2
3.x 1.3.x master
Installation
npm install @myshell/alvue --save
Import
import alvue from '@myshell/alvue'
Vue.use(alvue);
Usage
<alv-form action="/example-url" method="post" @after-done="reloadPage" :data-object="user">
    <div>
        <label>Name </label>
        <input type="text" name="name" v-model="user.name">
     </div>
    ...
    <button type="submit">Save</button>
</alv-form>

Properties

Name Type Required Default Description
action String true undefined URL to post.
method String false post HTTP method used to send data.
data-object Object false undefined Object to send sent to server
If it is not included, form data is sent by input name.
input-parent-selector String false div Parent of input to append error.
spinner Boolean false false Append loading spinner.
error-class String false null Parent of input to append error class.
axios-config Object false {} Axios config to create the instance.
html-errors Boolean false false Support for displaying errors with html.
enable-button-on-done Boolean false false Remove disabled property of submit button after success response.

Events

Name Description
after-done Triggered after the server response is successful.
Contains response payload.
after-error Triggered after the server response fails.
Contains response payload.

Related Packages

@21cnfe/onekit-mp-cli

小程序框架开发工具

1,063
futurecloud-chatbot-cli

FutureCloud Chatbot Plugin CLI — Install chatbot widget ke Laravel, React, Vue,...

9,073
duplicate-dependencies-webpack-plugin

webpack plugin to find duplicated dependencies from your bundle

332,104 6
laravel-elixir-vue-2

'Laravel Elixir Vue 2.0 Integration'

28,012 107
vue-tilt.js

Add tilt-effect to your elements

22,943 52

Version History

Version Released Vue License
1.3.9 ^3.2.25 ISC
1.3.8 ^3.2.25 ISC
1.3.7 ^3.2.25 ISC
1.3.6 ^3.2.25 ISC
1.3.5 ^3.2.25 ISC