Je crée un composant d'onglet réutilisable en regardant un didacticiel. Après l'avoir regardé, j'ai compris comment ça fonctionnait. Cependant, pour mon projet, je dois créer des onglets avec un titre qui peut être modifié puisqu'il s'agit d'un composant réutilisable, je dois donc changer le titre pour chaque nouvel onglet mais je n'ai pas encore compris. Découvrez comment. J'ai besoin d'une manière ou d'une autre d'obtenir le titre du composant TabsWrapper que j'ai ajouté à la page
{{title}}
Ensuite, laissez cet en-tête modifier le texte à l'intérieur de ce div, qui est l'en-tête principal du composant TabsWrapper.
{{title}}
Mon code : Le premier est le code hors composant que j'ai ajouté à la page d'accueil du site Web.
Bonjour 1 Bonjour 2 Bonjour 3 Bonjour 4
Le second est le code à l'intérieur du composant responsable de TabsWrapper
- {{ titre }} ≪/li>
Ce code obtient chaque titre de l'onglet
Bonjour 1
Ce code le rend
J'ai essayé de répéter la même technique et cela a fonctionné, mais je pense qu'il existe une meilleure façon
{{headtitle}} - {{ titre }} ≪/li>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous pouvez simplement passer les props dans la balise script et y accéder directement en utilisant ce mot-clé et le nom de la prop.
export default { props: ['foo'], created() { // props are exposed on `this` console.log(this.foo) } }Dans une balise de modèle comme celle-ci
{{ foo }}Vous n'avez pas besoin d'utiliser ref, vous pouvez simplement utiliser v-for directement et parcourir les éléments du tableau.