проект in JavaScript Skill Tree

Реализация поисковых подсказок с использованием Vue.js

Начинающий

В этом проекте вы узнаете, как реализовать функцию поисковых подсказок для поля ввода с использованием Vue.js 2.x. Эта функция обычно используется в веб-приложениях для предоставления пользователям списка совпадающих данных по мере ввода текста в поле поиска.

JavaScriptVue.js

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом проекте вы научитесь реализовывать функцию подсказок при вводе поиска с использованием Vue.js 2.x. Эта функция широко используется в веб-приложениях для предоставления пользователям списка совпадающих данных при их вводе в поле поиска.

👀 Превью

Демонстрация подсказок при поиске в Vue

🎯 Задачи

В этом проекте вы научитесь:

  • Как сделать заглавной первую букву в названиях столбцов в таблице данных
  • Как реализовать функциональность подсказок при поиске на основе ввода пользователя

🏆 Достижения

После завершения этого проекта вы сможете:

  • Управлять DOM с использованием директив Vue.js, таких как v-for и v-model
  • Создавать вычисляемые свойства в Vue.js для фильтрации и отображения результатов поиска
  • Применять базовые стили к таблице и полю поиска

Преподаватель

labby

Labby

Labby is the LabEx teacher.