#100DaysOfWeb in Python Transcripts
Chapter: Days 93-96: Vue.js - JavaScript user interfaces
Lecture: Selecting the genre
Login or
purchase this course
to watch this video and the rest of the course contents.
0:00
So, our genre dropdown is looking really well. It's looking great, but if we click it how do we know that somebody clicked on that?
0:08
That should refresh this list. So, we need to add an event over here. An event is at change so we're going to have a function called load_genre
0:17
and we're going to go ahead and pass in whichever one they selected here. All right, that's great. You can see WebStorm's saying, "Hold on. Hold on.
0:26
That function doesn't exist." So, let's go write it! So, over here in the methods, we're going to define the load genre to be a function like so.
0:35
We don't necessarily have to pass this in. I could grab it from up here, but just to show you we can pass data, I'll go ahead and put that in here
0:41
like so, and then let's just log it out. All right, let's go refresh this. Show our console so we can see what's going on.
0:48
And now, if I click on documentary would load documentary animation family. Beautiful! So, it looks like we're doing really well.
0:57
I think we have all of our stuff up and running. We can search. We can top 10 it. We can go with the family. The design is good.
1:05
So, I think really all that's left is trying to get this to talk to the live database. You can also look at a couple other tools
1:11
that will make our life easier as we get deeper into Vue.js.