runtime-core.esm-bundler.js?d2dd:38 [Vue warn]: The component received extraneous non-props attributes (title), which could not be automatically inherited due to rendering fragment or text root nodes.
at <ProductTable title="Product List" >
at <Home onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > >
at <RouterView>
at <App>
Encountering this error in the chrome console of my Vue app. Below is the parent view component code where multiple components are added like home content and footer.
<template>
<div class="home">
<ProductTable title="Product List"/>
<Footer title="I am the child"/>
</div>
</template>
<script>
import ProductTable from '@/components/ProductTable.vue'
import Footer from '@/components/Footer.vue'
import Functions from '@/components/ProductListFunctions.js'
export default {
name: 'Home',
components: {
ProductTable,
Footer
}
}
</script>
Any assistance would be appreciated as I am having trouble resolving this issue. The warning error doesn't impact the page, but it would be nice to eliminate it. Thank you.