проект in JavaScript Skill Tree

Создание динамического поиска по древовидному меню с использованием Vue.js

Начинающий

В этом проекте вы узнаете, как создать функциональность динамического поиска по древовидному меню с использованием Vue.js. Проект включает получение данных вторичного меню из JSON - файла, реализацию функции нечеткого поиска и отображение отфильтрованного древовидного меню на странице.

JavaScriptVue.js

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

Введение

В этом проекте вы научитесь создавать динамическую функциональность поиска в меню-дереве с использованием Vue.js. Проект включает получение данных вторичного меню из JSON-файла, реализацию функции нечеткого поиска и отображение отфильтрованного меню-дерева на странице.

👀 Предпросмотр

Динамический демо поиска в меню-дереве

🎯 Задачи

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

  • Получать данные вторичного меню из JSON-файла с использованием библиотеки axios
  • Реализовывать функцию поиска для фильтрации пунктов меню в соответствии с вводом пользователя
  • Отображать отфильтрованное меню-дерево на странице с выделением совпадающего текста

🏆 Достижения

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

  • Разрабатывать динамический и интерактивный пользовательский интерфейс с использованием Vue.js
  • Получать данные из JSON-файла и обрабатывать асинхронное получение данных
  • Реализовать функцию нечеткого поиска для фильтрации данных в соответствии с вводом пользователя
  • Отображать иерархическую структуру меню-дерева и выделять совпадающий текст

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

labby

Labby

Labby is the LabEx teacher.