La propriété étrangère non-props (titre) est transmise au composant mais ne peut pas être utilisée

Question

runtime-core.esm-bundler.js?d2dd:38 [Vue warn]: Extraneous non-props attributes (title) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. 
  at <ProductTable title="Product List" > 
  at <Home onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <App>

C'est l'erreur que j'obtiens dans la console Chrome de mon application Vue. Vous trouverez ci-dessous mon composant de vue parent. J'essaie d'y ajouter plusieurs composants, tels que le contenu de la page d'accueil et le pied de page.

<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>

Merci pour toute aide car je n'arrive pas à comprendre. Cette erreur n'est qu'un avertissement et n'affecte aucune page. Mais ce serait bien de partir. acclamations.

Answer 1

Vous devez ajouter inheritAttrs:false au composant enfant :

export default{
inheritAttrs:false
...
}