Implementar sugerencias de búsqueda con Vue.js

Principiante

En este proyecto, aprenderás cómo implementar una función de sugerencias de búsqueda en un campo de entrada utilizando Vue.js 2.x. Esta función se utiliza comúnmente en aplicaciones web para proporcionar a los usuarios una lista de datos coincidentes a medida que escriben en el campo de búsqueda.

JavaScriptVue.js

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este proyecto, aprenderás a implementar una función de sugerencias de búsqueda de entrada utilizando Vue.js 2.x. Esta función se utiliza comúnmente en aplicaciones web para proporcionar a los usuarios una lista de datos coincidentes a medida que escriben en la entrada de búsqueda.

👀 Vista previa

Vue search suggestions demo

🎯 Tareas

En este proyecto, aprenderás:

  • Cómo poner en mayúscula la primera letra de los encabezados de la tabla en la tabla de datos
  • Cómo implementar la funcionalidad de sugerencias de búsqueda basada en la entrada del usuario

🏆 Logros

Después de completar este proyecto, podrás:

  • Manipular el DOM utilizando directivas de Vue.js como v-for y v-model
  • Crear propiedades calculadas en Vue.js para filtrar y mostrar los resultados de búsqueda
  • Aplicar un estilo básico a la tabla y la entrada de búsqueda

Profesor

labby

Labby

Labby is the LabEx teacher.