Проверка VeeValidate на ошибки во всей области

Question

Я пытаюсь выдать предупреждение, если есть ошибка в определенной области. Это связано с тем, что форма находится на нескольких вкладках и, надеюсь, облегчит людям понимание того, что нужно исправить.

Проблема в том, что я пробовал несколько методов, но они не работают. Это текущий метод:

const TabInternals = Vue.component('TabInternals', {
    props: {
        title: String,
        scope: String
    },
    render() {
        return (
            <div>
                <i v-show={this.errors.any(`${this.scope}.*`)} class="fas fa-exclamation-circle"></i>{` ${this.title}`}
            </div>
        );
    }
});

Кто-нибудь может увидеть, что я делаю не так? заранее спасибо

Answer 1

По умолчанию каждый компонент получает свой собственный экземпляр валидатора VE (и, следовательно, ошибки). Если вы хотите получить доступ к ошибкам из другой области, вам нужно будет использовать команду inject для передачи родительского экземпляра валидатора дочерним компонентам, чтобы они совместно использовали экземпляр валидатора:

export default {
  inject:[ '$validator'],
  // ...
};

ref - https://github.com/baianat/vee-validate/issues/1774