时间戳

首页 > 解决方案 > VeeValidate 检查整个范围内的错误

vue.js - VeeValidate 检查整个范围内的错误

问题描述

如果在特定范围内出现错误，我正在尝试发出警告。这是因为表单跨越多个选项卡，并希望让人们更容易看到需要修复的内容。

问题是，我尝试了多种方法，但它们都不起作用。这是当前的方法：

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>
        );
    }
});

谁能看到我做错了什么？提前致谢

标签： vue.jsjsxvee-validate

解决方案

默认情况下，每个组件都有自己的 vee 验证器实例（因此也会出错）。如果您想从不同的范围访问错误，则需要使用注入将父验证器实例传递给子组件，以便它们共享一个验证器实例：

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

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

推荐阅读