Vue JS 2 Tutorial #36 - Custom Search Filter

Hey gang, in this vue js tutorial i'll show you how to create a custom search filter using computed properties.

----- COURSE LINKS:

---------------------------------------------------------------------------------------------

========== PSD to WordPress Playlist ==========

============== The Net Ninja =====================

================== Social Links ==================

[emailformosa]

5 years later, and your content is still assisting the community. Thank you.

[y_thedreamer]

It's important to notice that match is case sensitive. So, If i search Yeison and in my array there is a user with name= 'yeison', match it's not gonna find it. So, my solution is this:
return

[ihorlevit]

The only one who able to clearly explain how it work. Thank you

[octomber]

These are the best tutorials I have ever seen. You are so clear at explaining whats needed.

[isurumdev]

Thanks these tutorials are gold. Thumbs Up!

[smohammadhn]

This was (and is) the best vue2 tutorial I've seen in my entire life, you changed my carrier pal
a million like!

[skomarsk]

best vue tutorial I've seen, I'm excited to see how you are going to use Firebase with it :)

[bobdpa]

These videos are great to refer back to when you can't figure something out. Thank you!

[olyvar]

Great tutorial! Only thing I would add would be to mention that the filter function on 'this.blogs' is a method on the array object and not a vue method as some people might confuse the two 🤓

[haseebrehman]

First time on your channel and man you explain so well, keep up the awesomeness

[Blith]

despite being a 3 year old tutorial, i still use this as a reference since it is easy to understand thank you so much!

[ricardog.martini]

Thank you. Excellent tutorial. Your explanation on the subject is very good.

[cehson]

Thank you very much for this tutorial ! Just what i needed on my task hehe.

[tghelere]

simple and objective! Very nice tutorial!

[Loopysoloist]

Excellent tutorial, thank you! Super helpful.

[SpencerKekauoha]

Sweet, worked like a charm! Thank you!

[lulualmohtarif]

The best vue tutorials in the internet
hope that you do some videos about creating apps with vue
thanks alot

[AF-jbwg]

A very good tutorial indeed.
Why?
- Covers a very common issue (for beginners) - very easy step by step instructions - small, less than 7 minutes. Keep up the great work!


*Question:
i have created a method to filter my list, like you did here. And it does work.
BUT i have to refresh the page in order for the component to bring the data.


Actually this is what i do:
data() {
contacts:
}
computed: {
filterContacts(contacts) {
return this.contacts.filter(contact => {
return
});
}


And inside my component I loop via filteredContacts which it works, but only before i refresh the page to bring my data... I know that data() load first in the DOM, but i can't seem to make it work. Any ideas?


Thanks and keep up the great work!

[coalini]

Top quality tutorial. Thank you very much!

[williamse.barreras.]

Thank you soo muchhh, you have just saved my life from stress ja, thanks