This commit is contained in:
2019-02-21 20:48:24 +00:00
parent 482de8f627
commit d3c14e968f
2 changed files with 82 additions and 78 deletions

View File

@@ -27,9 +27,9 @@
</v-btn> </v-btn>
</v-toolbar> </v-toolbar>
<v-content> <v-content>
<v-container fluid fill-height> <v-container fluid fill-height >
<v-layout justify-center align-center> <v-layout justify-center >
<router-view></router-view> <router-view ></router-view>
</v-layout> </v-layout>
</v-container> </v-container>
</v-content> </v-content>

View File

@@ -1,79 +1,83 @@
<template> <template>
<form> <v-layout>
<v-layout align-center justify-left row wrap> <v-flex>
<v-flex xs12 sm6 lg4 xl3 grow> <form>
<v-text-field <v-layout align-center justify-left row wrap>
v-model="obj.name" <v-flex xs12 sm6 lg4 xl3 grow>
v-validate="'required|max:10'" <v-text-field
:counter="10" v-model="obj.name"
:error-messages="errors.collect('name')" v-validate="'required|max:10'"
label="Name" :counter="10"
data-vv-name="name" :error-messages="errors.collect('name')"
required label="xxxName"
></v-text-field> data-vv-name="name"
</v-flex> required
<v-flex xs12 sm6 lg4 xl3 grow> ></v-text-field>
<v-text-field </v-flex>
v-model="obj.serial" <v-flex xs12 sm6 lg4 xl3 grow>
v-validate="'required|max:10'" <v-text-field
:counter="10" v-model="obj.serial"
:error-messages="errors.collect('serial')" v-validate="'required|max:10'"
label="Serial" :counter="10"
data-vv-name="serial" :error-messages="errors.collect('serial')"
required label="Serial"
></v-text-field> data-vv-name="serial"
</v-flex> required
<v-flex xs12 sm6 lg4 xl3 grow> ></v-text-field>
<v-text-field </v-flex>
v-model="obj.count" <v-flex xs12 sm6 lg4 xl3 grow>
v-validate="'required|max:10'" <v-text-field
:counter="10" v-model="obj.count"
:error-messages="errors.collect('count')" v-validate="'required|max:10'"
label="Count" :counter="10"
data-vv-name="count" :error-messages="errors.collect('count')"
required label="Count"
></v-text-field> data-vv-name="count"
</v-flex> required
<v-flex xs12 sm6 lg4 xl3 grow> ></v-text-field>
<v-text-field </v-flex>
v-model="email" <v-flex xs12 sm6 lg4 xl3 grow>
v-validate="'required|email'" <v-text-field
:error-messages="errors.collect('email')" v-model="email"
label="E-mail" v-validate="'required|email'"
data-vv-name="email" :error-messages="errors.collect('email')"
required label="E-mail"
></v-text-field> data-vv-name="email"
</v-flex> required
<v-flex xs12 sm6 lg4 xl3 grow> ></v-text-field>
<v-select </v-flex>
v-model="select" <v-flex xs12 sm6 lg4 xl3 grow>
v-validate="'required'" <v-select
:items="items" v-model="select"
:error-messages="errors.collect('select')" v-validate="'required'"
label="Select" :items="items"
data-vv-name="select" :error-messages="errors.collect('select')"
required label="Select"
></v-select> data-vv-name="select"
</v-flex> required
<v-flex xs12 sm6 lg4 xl3 grow> ></v-select>
<v-checkbox </v-flex>
v-model="obj.active" <v-flex xs12 sm6 lg4 xl3 grow>
v-validate="'required'" <v-checkbox
:error-messages="errors.collect('checkbox')" v-model="obj.active"
value="1" v-validate="'required'"
label="Option" :error-messages="errors.collect('checkbox')"
data-vv-name="checkbox" value="1"
required label="Option"
></v-checkbox> data-vv-name="checkbox"
</v-flex> required
</v-layout> ></v-checkbox>
<v-layout> </v-flex>
<v-flex xs12 grow> </v-layout>
<v-btn @click="submit">submit</v-btn> <v-layout>
<v-btn @click="clear">clear</v-btn> <v-flex xs12 grow>
</v-flex> <v-btn @click="submit">submit</v-btn>
</v-layout> <v-btn @click="clear">clear</v-btn>
</form> </v-flex>
</v-layout>
</form>
</v-flex>
</v-layout>
</template> </template>
<script> <script>