Dans Vue, nous devons souvent utiliser des onglets pour implémenter des fonctions de changement de page et de navigation. Afin d'améliorer l'expérience utilisateur, nous ajoutons généralement un style spécial à l'onglet actuellement sélectionné pour mettre en évidence son statut sélectionné. Cet article expliquera comment utiliser Vue pour obtenir l'effet de sélection d'onglets et fournira des exemples de code source correspondants.
Tout d'abord, nous devons créer un composant Vue pour représenter l'onglet. Dans ce composant, nous pouvons utiliser un tableau pour stocker les données de l'onglet, telles que le titre et le contenu de l'onglet. Dans le même temps, nous devons également utiliser une variable pour enregistrer l'index de l'onglet actuellement sélectionné.
<template>
<div>
<div class="tab-header"