Access form/field errors within a custom input about vue-formulate HOT 4 CLOSED

@fidelix we pushed the features related to this (originally planned for 2.3/2.4) down the road a bit.

from vue-formulate.

Coming Soon

@quimarche Good question, the short answer, is that there isn't a great way to do this at this precise moment, but 2.3 should be coming out soon with elegant support for these kinds of features using scoped slots, and named forms. For that reason I'll close this as a duplicate of #34, but its a solid request.

Current State

That said, it is possible today, just not super "pretty".

<template>
<FormulateForm
  ref="form"
  @input="checkValidation"
>
 ... inputs here ...
  <FormulateInput
    :disabled="hasErrors"
    type="submit"
  />
</FormulateForm>
</template>

<script>
export default {
  data () {
    hasErrors: false
  },
  methods: {
    async checkValidation () {
      // Even better if you debounce this a bit
      this.hasErrors = await this.$refs.form.hasValidationErrors()
    }
  }
}
</script>

Let me know if you have other issues with this.

from vue-formulate.

How would this be done more cleanly in 2.3+ ?

from vue-formulate.

Wonder if it is still developing?

from vue-formulate.