Проверка компонентов с помощью VeeValidate

Question

Я пытаюсь проверить https://lian-yue.github.io/vue-upload-component с помощью vee-validate.

Итак, у меня есть vue-upload-component:

<file-upload
    :name="element.inputName"
    :size="maxFilesize"
    :extensions="extensions"
    :maximum="maxFiles"
    :data-vv-name="element.inputName"
    :data-vv-scope="element.validationScope"
    :custom-action="customUploadAction"
    data-vv-validate-on="input-file"
    @input-file="inputFile"
    v-model="files"
    v-validate="{ required: true } ">
    Upload file
</file-upload>

.. и он, кажется, успешно прикреплен, потому что на родительском компоненте я вижу fields сумка это:

{
    "$6": {
        "form-124": {
            "untouched": true,
            "touched": false,
            "dirty": false,
            "pristine": true,
            "valid": false,
            "invalid": true,
            "validated": false,
            "pending": false,
            "required": true,
            "changed": false
        }
    }
}

... и он также удовлетворяет требованиям для проверки пользовательских компонентов, то есть имеет name, value геттер (v-модель) и испускает input событие, но проверка не работает на родительском компоненте, который в основном выполняет это:

clientValidation(validationScopes) {
    return Promise
        .all(validationScopes.map(scope => this.$validator.validate(`${scope}.*`)))
        .then(results => results.every(r => r));
}

Таким образом, хотя это поле прикреплено в правильной области, но оно не проверяет, когда вызывается эта функция.

Что я делаю неправильно?