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

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

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

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

VeeValidate检查整个范围内的错误

1 个答案: