Implémenter des suggestions de recherche avec Vue.js

Débutant

Dans ce projet, vous apprendrez à implémenter une fonctionnalité de suggestions de recherche dans un champ de saisie en utilisant Vue.js 2.x. Cette fonctionnalité est couramment utilisée dans les applications web pour fournir aux utilisateurs une liste de données correspondantes au fur et à mesure qu'ils saisissent des caractères dans le champ de recherche.

JavaScriptVue.js

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce projet, vous allez apprendre à implémenter une fonctionnalité de suggestions de recherche d'entrée à l'aide de Vue.js 2.x. Cette fonctionnalité est couramment utilisée dans les applications web pour fournir aux utilisateurs une liste de données correspondantes lorsqu'ils tapent dans l'entrée de recherche.

👀 Aperçu

Vue search suggestions demo

🎯 Tâches

Dans ce projet, vous allez apprendre :

  • Comment mettre en majuscule la première lettre des en-têtes de table dans le tableau de données
  • Comment implémenter la fonctionnalité de suggestions de recherche sur la base de l'entrée de l'utilisateur

🏆 Réalisations

Après avoir terminé ce projet, vous serez capable de :

  • Manipuler le DOM à l'aide de directives Vue.js telles que v-for et v-model
  • Créer des propriétés calculées dans Vue.js pour filtrer et afficher les résultats de recherche
  • Appliquer un style de base au tableau et à l'entrée de recherche

Enseignant

labby

Labby

Labby is the LabEx teacher.