Javascript 如何在vue组件内部本地使用VeeValidate或任何第三方软件包
好的,情况是这样的,我正在使用Javascript 如何在vue组件内部本地使用VeeValidate或任何第三方软件包,javascript,vue.js,vue-router,vue-tables-2,vee-validate,Javascript,Vue.js,Vue Router,Vue Tables 2,Vee Validate,好的,情况是这样的,我正在使用Vue.js进行水疗。我正在我的一个组件中使用VeeValidate,比如Component1.vue,如下所示 import Vue from 'vue'; import VeeValidate from 'vee-validate'; Vue.use(VeeValidate); export default { //... } import Vuetable from 'vuetable-2/src/components/Vuetable'; e
Vue.js
进行水疗。我正在我的一个组件中使用VeeValidate
,比如Component1.vue
,如下所示
import Vue from 'vue';
import VeeValidate from 'vee-validate';
Vue.use(VeeValidate);
export default {
//...
}
import Vuetable from 'vuetable-2/src/components/Vuetable';
export default {
components: {
Vuetable
},
//...
}
在另一个组件中,比如在Component2.vue
中,我使用的是vuetable-2
,我是这样注册的
import Vue from 'vue';
import VeeValidate from 'vee-validate';
Vue.use(VeeValidate);
export default {
//...
}
import Vuetable from 'vuetable-2/src/components/Vuetable';
export default {
components: {
Vuetable
},
//...
}
问题在于veevaluate
和Vuetable
在内部都依赖于同名的计算属性。当我像Vue.use(VeeValidate)一样在全球注册VeeValidate
代码>,如果我从Component1
导航到Component2
,Vuetable
会给出一个错误提示
计算属性“字段”已定义为道具
因为当我登陆Component1
时,VeeValidate
已经全局注册了自己
如果我从与veevaluate
没有任何依赖关系的任何其他组件导航到Component2
,那么它工作正常
我的问题是
如何在本地注册VeeValidate
或Component1.vue
中的任何其他包,以便它不会影响其他组件?与在components:{}
对象中注册其他组件非常相似 Vee validate允许您通过配置更改字段和错误行李名称。在房间里
如果您感兴趣,本节还将解释如何将实例注入组件而不是全局注入。是的,我正在寻找在组件内部进行局部注入,好的,让我检查一下它是否有效