bootstrap-vue-laravel-form
A form component built with bootstrap-vue that works with Laravel validation.
536
| Install | |
|---|---|
npm install bootstrap-vue-laravel-form |
|
| Latest Version: | 1.0.0 |
| Vue: | 2 |
| License: | MIT |
| Last Updated: | Aug 22, 2019 |
| Links: | npm |
Maintainer: incraigulous
Vue Laravel Form
A form component built with bootstrap that works with Laravel validation.
Example use
import VForm from 'bootstrap-vue-laravel-form'
export default {
components: {VForm},
data()
{
return {
input: {
name: null,
message: null
}
}
},
methods: {
handleSubmitted()
{
alert('woot!')
}
}
}
<v-form
:model="input"
action="/submit/url"
method="PUT"
@submitted="handleSubmitted">
<template scope="{ error, errorState }">
<b-form-input
v-model="name"
:state="errorState('name')"
:error="error('name')"
/>
<b-form-textarea
v-model="message"
:state="errorState('message')"
:error="error('message')"
/>
</template>
</v-form>
Props
| Name | Default | Required | Description |
|---|---|---|---|
| method | POST | The form submit method. | |
| action | required | The URL to submit the form to | |
| model | {} | The payload model. Will be used as the payload for submission. | |
| success-message | Success! | The message to show the user on submission. | |
| success-label | Submit | The submit button label | |
| validate | A custom validation function. |
Events
| Name | Provides |
|---|---|
| invalid | errors |
| error | message |
| submitted | response |
Validation scopes
| Name | Description |
|---|---|
| error | The error message for a field key |
| errorState | 'invalid' if there is an error, null if there is no error |
| submitted | response |
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.0.0 | ^2.4.0 | MIT | |
| 0.0.7 | ^2.4.0 | MIT | |
| 0.0.6 | ^2.4.0 | MIT | |
| 0.0.5 | ^2.4.0 | MIT | |
| 0.0.4 | ^2.4.0 | MIT | |
| 0.0.3 | ^2.4.0 | MIT | |
| 0.0.2 | ^2.4.0 | MIT | |
| 0.0.1 | ^2.5.11 | MIT |