<template>
<v-toolbar color="lime accent-1" height="60px">
<v-toolbar-side-icon>
<v-icon>android</v-icon>
</v-toolbar-side-icon>
<v-spacer></v-spacer>
<v-toolbar-items class="hidden-sm-and-down">
<v-btn flat>Signup</v-btn>
<v-btn flat>Login</v-btn>
</v-toolbar-items>
</v-toolbar>
<form>
<v-text-field
v-model="name"
:error-messages="nameErrors"
:counter="10"
label="Name"
required
@input="$v.name.$touch()"
@blur="$v.name.$touch()"
></v-text-field>
<v-text-field
v-model="email"
:error-messages="emailErrors"
label="E-mail"
required
@input="$v.email.$touch()"
@blur="$v.email.$touch()"
></v-text-field>
<v-select
v-model="select"
:items="items"
:error-messages="selectErrors"
label="Item"
required
@change="$v.select.$touch()"
@blur="$v.select.$touch()"
></v-select>
<v-checkbox
v-model="checkbox"
:error-messages="checkboxErrors"
label="Do you agree?"
required
@change="$v.checkbox.$touch()"
@blur="$v.checkbox.$touch()"
></v-checkbox>
<v-btn @click="submit">submit</v-btn>
<v-btn @click="clear">clear</v-btn>
</form>
</template>
- Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
Не очень понял что он хочет, вроде всё отделил, <v-toolbar>...</v-toolbar>
и <form>...</form>
template
должен содержать только один элемент. А у вас их два.<v-toolbar>...</v-toolbar>
и<form>...</form>
в один элемент, напримерdiv
.