#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.

Talk Python's Mastodon Michael Kennedy's Mastodon