如何在vue组件中本地使用VeeValidate或任何第三方包

Question

好的，这是情况，我正在用Vue.js做一个SPA。我在我的组件中使用VeeValidate，比如在Component1.vue中，

import Vue from 'vue';
import VeeValidate from 'vee-validate';

Vue.use(VeeValidate);

export default {
    //...
}

在另一个组件中，比如在Component2.vue中，我使用的是vuetable-2，我是这样注册的，

import Vuetable from 'vuetable-2/src/components/Vuetable';

export default {
    components: {
        Vuetable
    },

   //...
}

问题是，VeeValidate和Vuetable在内部都依赖于同名的计算属性。当我在全球注册VeeValidate (如Vue.use(VeeValidate); )时，如果我从Component1导航到Component2，Vuetable给出了一个错误信息，

计算的属性“字段”已经定义为“支柱”。

因为当我登陆Component1时，Component1已经在全球范围内注册了。

如果我从与Component2没有任何依赖关系的任何其他组件导航到VeeValidate，那么它就工作得很好。

所以这是我的问题

如何在本地注册VeeValidate Component1.vue 或Component1.vue中的任何其他包，使其不影响其他组件？就像在components: {}对象中注册其他组件一样。

Answer 1

Vee验证允许您通过配置更改字段和错误包名。在医生来了里。

const config = { 
     errorBagName: 'errors', // change if property conflicts 
     fieldsBagName: 'fields',
}

此外，如果感兴趣，高级配置部分解释了如何将实例注入组件而不是全局的组件中。