javascript - 从父组件向 VeeValidate 错误包添加错误并从子组件监听

Question

我找不到实现此方法的指南。您如何将数据添加到父组件的错误包中，并监听子组件的特定错误以有条件地显示某些内容？

我已将错误添加到 parent 组件的错误包中，如下所示:

export default {
  mounted () {
    this.$validator.errors.add('critical', 'Unable to connect', 'network')
  }
}

现在，在 child 组件中，我想根据错误包有条件地显示一些内容，无论是否存在错误。我添加了以下子组件:

<a class="navbar-item" v-if="!errors.has('critical')">Hello World</a>

errors.has('critical') 返回 false，因为 VeeValidate 为每个组件返回一个新实例。那么，如何将相同的错误包从父组件传输到子组件？

Answer 1

您可以与所有组件共享错误包。您只需将验证器注入(inject)组件 在这里您可以找到文档: https://baianat.github.io/vee-validate/advanced/#injection

在这里您可以查看一些用法示例: https://github.com/baianat/vee-validate/issues/468#issuecomment-305189771