[Question] Validation errors in modal

[divdax]

I'm asking how to tackle with modal forms and validation.
Currently there is a FlashMessages Component in the main layout but when you have a modal form the errors are shown in the main layout. How you would tackle this?

Can't get my head around... 🙈

[xalunda]

Hi there,

You could use the transformProps method to get your errors into a global data var (or a store).

I'm using this to trigger a sweetalert modal:

transformProps: props => {
  if (props.flash.success) {
    eventBus.$emit('flashMessage', props.flash.success)
  }
  return props
},

When my event is triggered, I init a sweetalert :)

I think you could do the same thing with props.errors.length

Hope this helps

[reinink]

The trick here is to use error bags which are specific to your form, which we added support for in v0.2.9. 👍