Complete Vue.js 2 Web Development_ Practical guide to building end-to-end web development solutions with Vue.js 2

Displaying, Looping, Searching, and Filtering Data Chapter 2 Upon pressing save, your text should disappear. That is because the ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 The element with v-else needs to directly follow the one containing ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 v-for and displaying our data The next HTML declaration means we ca ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 The template tag also hides the contents until the app has initiali ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 This active element is a perfect example of where a Vue Component w ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 But Vue doesn't allow interpolation inside attributes. Instead, we ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 If you want full customization of the display of your date, there a ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 The data you are filtering by does not need to be displayed for our ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 The filtering inputs do not need to be included in a form to work; ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 One thing you may notice if you were to output the filterUserState ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 The difference between the two is v-if alters the markup, removing ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 Filtering our content Now we have control over our people rows and ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 The next step is to use the input query box when the active user op ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 The first step in doing this is to only apply this type of filterin ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 Once our check is complete, we can default back to our original que ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 Before we move on, we need to add some error checking. If you have ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 result = eval(field + query); } catch (e) {} } else { field = field ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 model="filterUserState"> </label> </span> Take note ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 Binding a CSS class is similar to other attributes. The value takes ...

Displaying, Looping, Searching, and Filtering Data Chapter 2 We can now call that method in our view: <td v-bind:class="activ ...