vue-ajax-form

A Vue2 component for creating AJAX forms.

Installation

via npm

npm install vue-ajax-form --save

via yarn

yarn add vue-ajax-form

import 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