Vee-validate: [Vue warn]: The computed property "errors" is already defined as a prop.

[jofftiquez]

Versions:

• VueJs: 2.3.4
• Vee-Validate: 2.0.0.-rc.5

Description:

Im using vee-validate together with vuetify.js' <v-text-field></v-text-fied> and I'm getting this [Vue ward] error.

[Vue warn]: The computed property "errors" is already defined as a prop.

Steps To Reproduce:

[logaretm]

Vuetify includes errors property on its input components, you should rename vee-validate's errorBag name to something else.

http://vee-validate.logaretm.com/#configuration

Vue.use(VeeValidate, {
  errorBagName: 'vErrors'
});

[jofftiquez]

@logaretm neat. Thanks :) :100:

[pensebien]

The issue pop up with vue-form-generator. The fix from @logaretm works just fine. But I am having issue with

<fieldset></fieldset>

the content does not show

[logaretm]

@EmmaAkin Do you mind adding your snippet? there is not much I can do.

[pensebien]

There is a conflict with the veevalidate plugin (library). I remove the veevalidate from my code and everything worked fine.

[VRuzhentsov]

@EmmaAkin Fixed this with disabling automatic injection exact in that component, where you are using vue-form-generator component
http://vee-validate.logaretm.com/advanced.html#inject

[pensebien]

@VRuzhentsov I would try to revert to that commit and see if that would fix the error.

[mhlanga-joseph]

Thanks @logaretm worked for me!