Full-Stack Web Development with Vue.js and Node

Testing an MEVN Application Chapter 9

required

></v-text-field>

<v-text-field

label="Password"

v-model="password"

:rules="passwordRules"

id="password"

required

></v-text-field>

<v-btn

@click="submit"

:disabled="!valid"

id="login"

>

submit

</v-btn>

<v-btn @click="clear" id="clear_input">clear</v-btn><br/>

</v-form>

</div>

</template>

In Movie.vue, update the id for Rate this Movie with:

<template>

<v-layout row wrap>

<v-flex xs4>

<v-card>

<v-card-title primary-title>

<div>

<div class="headline">{{ movie.name }}</div>

<span class="grey--text">{{ movie.release_year }} ‧ {{

movie.genre }}</span>

</div>

</v-card-title>

<h6 class="card-title" id="rate_movie" v-if="current_user"

@click="rate">

Rate this movie

</h6>

<v-card-text>

{{ movie.description }}

</v-card-text>

</v-card>

</v-flex>

</v-layout>

</template>