Unable to validate child components

Versions

• vee-validate: 2.1.0-beta2
• vue: 2.5.2

Describe the bug I have an application with several child components all of which have

inject: ['$validator']

the parent’s code is this:

<template>
  <form id="myform">
    <CompA />
    <CompB />
    <CompC />
    <CompD />
  </form>
</template>

<script>
import { eventBus } from '@/main'

const CompA = () => import('@/components/CompA')
const CompB = () => import('@/components/CompB')
const CompC = () => import('@/components/CompC')
const CompD = () => import('@/components/CompD')

export default {
  name: 'MyForm',
  inject: ['$validator'],
  data() {
    return {

    }
  },
  components: {
    CompA,
    CompB,
    CompC,
    CompD
  },
  methods: {
    submit() {
      this.$children.forEach(vm => {
        console.log(vm.$options._componentTag)
        vm.$validator.validateAll().then(result => {
          if (!result) {
            console.log('el: '+ vm.$validator.errors.items[0].field)
            this.$el.querySelector('#' + vm.$validator.errors.items[0].field).scrollIntoView(false)
          }
        }).catch((err) => {
          console.log('error: ' + err)
        })
      })
    }
  }
}
</script>

The _componentTag is correct in that it detects components A through D but the problem is that the validation is only working on the element of CompD. $validator.errors does not show anything else. I would expect all the required fields from CompA…CompC to show up as well.

Am I validating something incorrectly or is validation skipping children component?

[logaretm]

v-if removes the elements from the DOM, vee-validate doesn’t validate any fields hidden by v-if since the directive won’t execute. You can use v-show if the form has multiple tabs has a similar structure. This will allow you to maintain the fields state until the form finally submits.

If you are building something like a form with steps then it should work fine with v-if or v-show regardless since each step would be required to be correct before proceeding, in that case. Persisting the validation state for each step is redundant.

[echodrome]

Thank you @logaretm