This package allow to display errors from laravel validation rules
! This package needs vue-resource to work !
npm install --save laravel-vue-validator
import LaravelVueValidator from 'laravel-vue-validator'
Vue.use(LaravelVueValidator)If you have in your laravel validation rule :
'name' => 'required|min:2|max:20'
You can display the error using in vue :
<error input="name" />
This error will only be displayed if a 422 error is produced by laravel when the form is submited (when the rule is not satisfied)
To flush errors in a vue component:
this.$errors.flush()
<template>
<input type='text' v-model='name' />
<!--
error do not need v-if,
its content is displayed only if "name" has error after validation"
-->
<error input="name" />
<button @click="submit">Submit</button>
</template>
<script>
export default {
data(){
return{
name: ''
}
},
methods(){
// Error are displayed if Laravel backend return 422 Http code with name as error
this.$http.post('/submit', {name: this.name});
}
}
</script>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent