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 32

Adding search result count to product list

Going back to the finished version, what else are we missing?

The next bit of functionality to add is this search results message here.

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.

<div class="products">
  <div class="search-results">
    Found 11 results for search term <em>cat</em>.

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