From the course: Vue.js 2 for Web Designers

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Wire up the filters form

Wire up the filters form - Vue.js Tutorial

From the course: Vue.js 2 for Web Designers

Start my 1-month free trial

Wire up the filters form

“

- [Instructor] In this video, we're going to wire up the filter form fields, so they track the current values and look at an available modifier for v-bind. So I need to set up these form fields so they're going to track the data. And I want to note that between the end of the last video and this one, I reformatted this template, so it uses the backslash notation instead of the ES6 template literal, so I won't leave any IE users behind. Anyway, what we need to do is get the values of these fields into our data object up here. So I need a name, a job title, and a flag to track whether this person is an intern, so we're going to add those to our data object, and I'm going to put them all in a single object called search just so I can put them all together. I could have personName, job title, and so forth, but I think it's cleaner to just put it all in one object. So inside that, we'll have a name, which will start out as blank, a title, which will also start out as empty, and then intern…

Contents