FormMessages
Renders form messages.
Basic Usage
<FormMessages>
component can be used in <Vueform>
component's #empty
slot:
<template>
<Vueform>
<template #empty>
<FormErrors v-if="hasMessages" />
</template>
</Vueform>
</template>
Options
Find below the list of options that can use to configure FormMessages
component. Options can be passed to the component via props.
view
- Type:
string
<FormMessages view="alt" ... />
The name of the view to be used for the component. If undefined
the default view will be used.
Learn more about views here.
Properties
All the data
, computed
and inject
properties of the component.
messages
- Type:
array
- Group:
computed
Form messages including element messages and the ones added to messageBag
manually.
Size
- Type:
string
- Group:
inject
The size of the component.
View
- Type:
string
- Group:
computed
The name of the resolved view for the component. This one should be used to determine the component's view in class functions.
template
- Type:
object
- Group:
computed
The component's template.
classes
- Type:
object
- Group:
computed
The component's classes.
theme
- Type:
object
- Group:
inject
The global theme object, which contains all the default templates and classes.
form$
- Type:
Vueform
- Group:
inject
The root form's component.