RuiErrors

Sources: ../../src/componentsDataDisplay/Error/Errors.vue
This component exists to ease the display of form errors from a Rails API. For this component to work with fields-related errors, a bit of configuration has to be made: - `vue-i18n` must be used - `i18nObjectAttributesPath` _should_ be defined, as long as a translation object for model attributes - the `rui.generic.definition` translation string must exist

This component exists to ease the display of form errors from a Rails API. For this component to work with fields-related errors, a bit of configuration has to be made: - vue-i18n must be used - i18nObjectAttributesPath should be defined, as long as a translation object for model attributes - the rui.generic.definition translation string must exist

API Playground VueJS Examples HTML Examples

Props

Name Required Type Default Allowed values Description
Content
errors object null

Error object, like

  • {field: ['message1', 'message2'], field2: ...}
  • or {error: 'message'} for single errors
I18n
model string null

Model name, to translate the attributes.

Check i18nObjectAttributesPath in library options

Display
hasTitle boolean true

Whether to display a message at the top of the errors

Events

This component has no events.

Slots

Name Description
default

Additional content or actions