b-table: The computed property "fields" is already defined in data.

When using the b-table component, I get the following error messages:

The computed property "fields" is already defined in data.
``
and sometimes:

The computed property “fields” is already defined as a prop.

sometimes both. 

[jpicton]

This could also be caused by a third-party plugin that sets a global mixin containing a fields data/prop/computed value.

For example, vee-validate adds a fields computed value in a global mixin (I encountered this exact issue when using both bootstrap-vue and vee-validate). Luckily vee-validate allows you to rename this computed value (I assume to avoid this kind of conflict).

[phitran35]

Thank you @JakePicton and @tmorehouse for the solutions. I followed @tmorehouse’s guideline to stop lee-validate’s injection into all components as bellow:

Vue.use(VeeValidate, { inject: 'false' });

Unfortunately, VueJs would throw error message like this: “Property or method “errors” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property”

Instead, change the Vee fields from configuration and it should work

Vue.use(VeeValidate, { fieldsBagName: 'veeFields' });