Full-Stack Web Development with Vue.js and Node

Testing an MEVN Application Chapter 9

name="input-7-1"

label="Movie Description"

v-model="description"

id="description"

multi-line

></v-text-field>

<v-select

label="Movie Release Year"

v-model="release_year"

required

:rules="releaseRules"

:items="years"

id="release_year"

></v-select>

<v-text-field

label="Movie Genre"

v-model="genre"

id="genre"

required

:rules="genreRules"

></v-text-field>

<v-btn

@click="submit"

:disabled="!valid"

id="add_movie_btn"

>

submit

</v-btn>

<v-btn @click="clear">clear</v-btn>

</v-form>

</template>

Also, in Login.vue, let's add corresponding id for the form fields:

<template>

<div>

<div class="login">

<a href="/login/facebook">Facebook</a>

<a href="/login/twitter">Twitter</a>

<a href="/login/google">Google</a>

<a href="/login/linkedin">Linkedin</a>

</div>

<v-form v-model="valid" ref="form" lazy-validation>

<v-text-field

label="Email"

v-model="email"

:rules="emailRules"

id="email"