Courses
Vue Foundations Vue Fullstack Vue Enterprise
Articles
Latest Topics
More
Newsletter Sponsorship Discord About
The video for this lesson is currently being updated, please read the transcript instead.
Build Your First Vue.js App > Lesson 30

Adding search result indicator

We've now got our product list looking good by including the poster image and price.

The next bit of functionality to add is a search results indicator showing what was searched for, and how many items were found.

Template

So let's go ahead and add another div above the product list here. We'll give it a class "search results", like that.

Let's add the text "Found 11 results for search term cat", and put an em tag around the search term.

index.html


Back to course page

Click to load comments...

Courses
  • Vue Foundations
  • Vue Fullstack
  • Vue Enterprise
Articles
  • Latest
  • Topics
Newsletter
  • Join
  • Sponsorship
More
  • Discord
  • Vue.js jobs
  • About

Vue.js Developers © 2021. View our privacy policy .

  • RSS
  • |
  • Atom