You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
990 B
42 lines
990 B
<field-error>
|
|
<div class="field-error" if={ state.errors.length > 0 }>
|
|
<ul>
|
|
<li class="help is-danger" each={ error in state.errors }>{ error }</li>
|
|
</ul>
|
|
</div>
|
|
<script>
|
|
|
|
/**
|
|
* Shows errors of Validation
|
|
*
|
|
* <field-error key="name" errors={ errors }></field-error>
|
|
*
|
|
*/
|
|
|
|
export default {
|
|
|
|
state: {
|
|
errors: [
|
|
|
|
]
|
|
},
|
|
|
|
/**
|
|
* check if errors from props has an error, if not reset errors in state
|
|
*
|
|
* @param {object} props
|
|
* @param {object} state
|
|
*
|
|
*/
|
|
onBeforeUpdate(props, state) {
|
|
if (props.errors && props.errors.length > 0) {
|
|
state.errors = props.errors
|
|
} else {
|
|
state.errors = []
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
</field-error>
|