Commit b3b4e2b

author

Lionel Bijaoui

committed

Custom errors

- Possibility to use scoped-slot to customise fully how errors are build - Expose `errors` object, `field` object and `getValueFromOption` function

1 parent 252eadb commit b3b4e2bCopy full SHA for b3b4e2b

File tree

+14

-0

lines changed

+14

-0

lines changed

Lines changed: 14 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -23,20 +23,34 @@`
`23`	`23`	`</div>`
`24`	`24`	`</div>`
`25`	`25`	`<vue-form-generator :schema="schema" :model="model" :options="formOptions" :multiple="selected.length > 1" ref="form" :is-new-model="isNewModel" @model-updated="modelUpdated" @validated="onValidated">`
	`26`	`+`
`26`	`27`	`<template slot="label" slot-scope="{ field }">`
`27`	`28`	`<h1>Custom label : {{ field.label }}</h1>`
`28`	`29`	`</template>`
	`30`	`+`
`29`	`31`	`<template slot="help" slot-scope="{ field }">`
`30`	`32`	`<span v-if='field.help' class="help">`
`31`	`33`	`<span @click.prevent="testClick(field.help, $event)">Custom help</span>`
`32`	`34`	`<i class="icon"></i>`
`33`	`35`	`<!-- <div class="helpText-" v-html='field.help'></div> -->`
`34`	`36`	`</span>`
`35`	`37`	`</template>`
	`38`	`+`
`36`	`39`	`<template slot="hint" slot-scope="{ field, getValueFromOption }">`
`37`	`40`	`<span>Custom hint</span>`
`38`	`41`	`<div class="hint" v-html="getValueFromOption(field, 'hint', undefined)"></div>`
`39`	`42`	`</template>`
	`43`	`+`
	`44`	`+ <template slot="errors" slot-scope="{ errors, field, getValueFromOption }">`
	`45`	`+ <table class="errors help-block">`
	`46`	`+ <tbody>`
	`47`	`+ <tr>`
	`48`	`+ <td v-for="(error, index) in errors" :key="index" v-html="error"></td>`
	`49`	`+ </tr>`
	`50`	`+ </tbody>`
	`51`	`+ </table>`
	`52`	`+ </template>`
	`53`	`+`
`40`	`54`	`</vue-form-generator>`
`41`	`55`	`</div>`
`42`	`56`	`<div class="col-md-6">`

Comments

(0)