0.3.2 • Published 7 years ago
vue-ajax-form v0.3.2
vue-ajax-form
A Vue2 component for creating AJAX forms.
Installation
via npm
npm install vue-ajax-form --savevia yarn
yarn add vue-ajax-formimport AjaxForm from 'vue-ajax-form'
Vue.component('AjaxForm', AjaxForm)Or use a CDN
<script src="https://unpkg.com/vue-ajax-form"></script>Usage
Use it like an HTML form.
<ajax-form action="/users" method="post">
<input type="email" name="email" placeholder="Email address">
<input type="password" name="password" placeholder="Password">
<button type="submit">Submit</button>
</ajax-form>Props
| Property | Type | Default | Description | Required? |
|---|---|---|---|---|
| axios | AxiosInstance | The static Axios instance | The axios instance to use for the requests. | No |
| action | string | # | The form action | No |
| method | string | POST | The form method | No |
| data | Object | {} | Additional data to merge into the request | No |
Events
| Event | Description | $event |
|---|---|---|
| before | Emitted before the requests submits. | { axios, action, method, data } |
| success | Emitted after a 2xx response | Axios response object |
| error | Emitted after a 4xx response | Axios response object |
| complete | Emitted after the success or error event |