Property or method "debouncedValidate" is not defined on the instance but referenced during render

I’ve created a custom field for postcode. but I got error in console."Property or method “debouncedValidate” is not defined on the instance but referenced during render "

<template>
  <input
      class="form-control"
      type="tel"
      v-model="value"
      :disabled="disabled"
      :maxlength="schema.maxlength"
      :placeholder="schema.placeholder"
      :readonly="schema.readonly"
      :formmethod="schema.formmethod"
      :debouncedValidate="schema.validator"
      @input="onEnter($event)"
      >
</template>

<script>
  import { abstractField } from "vue-form-generator";
  import { getConfig } from '../utils/api'
  export default {
    mixins: [ abstractField ],
    methods: {
      onEnter(event){
        this.value = this.value.replace(/[^0-9-]+/,'')
      }
    }
  };
</script>

something i missed?

[zoul0813]

Ok, I think I’ve tracked the issue down … it looks like the older version of Vue that VFG was originally written against supported adding methods to the Vue components dynamically. However, the newer version of Vue is throwing errors because “debouncedValidate” is not defined in the component, as it was being attached only in certain situations. This seems to only occur if you’re using a newer version of Vue than VFG was intended for.

Working on a fix now.

[gezichenshan]

@zoul0813 Thank you very much!