fix(validation): unmount causes null ref

Author: kevinkosterr

src/formGenerator.vue

@@ -240,6 +240,8 @@ export default {
      * @private
      */
     _validateChild (child) {
+      if (!child) return
+
       if (this.options.validateAsync) {
         child.validate().then(function (errors) {
           if (errors[0]) {
@@ -284,10 +286,10 @@ export default {
       let fields = []
       let results = []
 
-      forEach(this.$refs.children, child => {
-        if (isFunction(child.validate)) {
-          fields.push(child.$refs.child) // keep track of validated children
-          results.push(child.$refs.child.validate(true))
+      this.$refs.children.forEach(child => {
+        if (child && isFunction(child.validate)) {
+          fields.push(child)
+          results.push(child.validate(true))
         }
       })
 

src/formGroup.vue

@@ -63,7 +63,6 @@ import { get as objGet, isNil, isFunction } from 'lodash'
 import { slugifyFormID } from './utils/schema'
 import formMixin from './formMixin.js'
 import * as fieldComponents from './utils/fieldsLoader'
-import { ref } from 'vue'
 
 export default {
   name: 'FormGroup',
@@ -89,11 +88,6 @@ export default {
       }
     }
   },
-  data() {
-    return {
-      child: ref()
-    }
-  },
   computed: {
     hasIconBefore () {
       return this.field.labelIcon && this.field.labelIcon.iconClass && this.field.labelIcon.position === 'before'
@@ -180,7 +174,9 @@ export default {
       this.$emit('modelUpdated', newVal, schema)
     },
     validate(calledParent) {
-      return this.$refs.child.validate(calledParent)
+      if (this.$refs.child) {
+        return this.$refs.child.validate(calledParent)
+      }
     },
     clearValidationErrors() {
       if (this.$refs.child) {