This commit is contained in:
@@ -27,9 +27,9 @@
|
||||
</v-btn>
|
||||
</v-toolbar>
|
||||
<v-content>
|
||||
<v-container fluid fill-height>
|
||||
<v-layout justify-center align-center>
|
||||
<router-view></router-view>
|
||||
<v-container fluid fill-height >
|
||||
<v-layout justify-center >
|
||||
<router-view ></router-view>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-content>
|
||||
|
||||
@@ -1,79 +1,83 @@
|
||||
<template>
|
||||
<form>
|
||||
<v-layout align-center justify-left row wrap>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-text-field
|
||||
v-model="obj.name"
|
||||
v-validate="'required|max:10'"
|
||||
:counter="10"
|
||||
:error-messages="errors.collect('name')"
|
||||
label="Name"
|
||||
data-vv-name="name"
|
||||
required
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-text-field
|
||||
v-model="obj.serial"
|
||||
v-validate="'required|max:10'"
|
||||
:counter="10"
|
||||
:error-messages="errors.collect('serial')"
|
||||
label="Serial"
|
||||
data-vv-name="serial"
|
||||
required
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-text-field
|
||||
v-model="obj.count"
|
||||
v-validate="'required|max:10'"
|
||||
:counter="10"
|
||||
:error-messages="errors.collect('count')"
|
||||
label="Count"
|
||||
data-vv-name="count"
|
||||
required
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-text-field
|
||||
v-model="email"
|
||||
v-validate="'required|email'"
|
||||
:error-messages="errors.collect('email')"
|
||||
label="E-mail"
|
||||
data-vv-name="email"
|
||||
required
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-select
|
||||
v-model="select"
|
||||
v-validate="'required'"
|
||||
:items="items"
|
||||
:error-messages="errors.collect('select')"
|
||||
label="Select"
|
||||
data-vv-name="select"
|
||||
required
|
||||
></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-checkbox
|
||||
v-model="obj.active"
|
||||
v-validate="'required'"
|
||||
:error-messages="errors.collect('checkbox')"
|
||||
value="1"
|
||||
label="Option"
|
||||
data-vv-name="checkbox"
|
||||
required
|
||||
></v-checkbox>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout>
|
||||
<v-flex xs12 grow>
|
||||
<v-btn @click="submit">submit</v-btn>
|
||||
<v-btn @click="clear">clear</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</form>
|
||||
<v-layout>
|
||||
<v-flex>
|
||||
<form>
|
||||
<v-layout align-center justify-left row wrap>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-text-field
|
||||
v-model="obj.name"
|
||||
v-validate="'required|max:10'"
|
||||
:counter="10"
|
||||
:error-messages="errors.collect('name')"
|
||||
label="xxxName"
|
||||
data-vv-name="name"
|
||||
required
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-text-field
|
||||
v-model="obj.serial"
|
||||
v-validate="'required|max:10'"
|
||||
:counter="10"
|
||||
:error-messages="errors.collect('serial')"
|
||||
label="Serial"
|
||||
data-vv-name="serial"
|
||||
required
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-text-field
|
||||
v-model="obj.count"
|
||||
v-validate="'required|max:10'"
|
||||
:counter="10"
|
||||
:error-messages="errors.collect('count')"
|
||||
label="Count"
|
||||
data-vv-name="count"
|
||||
required
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-text-field
|
||||
v-model="email"
|
||||
v-validate="'required|email'"
|
||||
:error-messages="errors.collect('email')"
|
||||
label="E-mail"
|
||||
data-vv-name="email"
|
||||
required
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-select
|
||||
v-model="select"
|
||||
v-validate="'required'"
|
||||
:items="items"
|
||||
:error-messages="errors.collect('select')"
|
||||
label="Select"
|
||||
data-vv-name="select"
|
||||
required
|
||||
></v-select>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 lg4 xl3 grow>
|
||||
<v-checkbox
|
||||
v-model="obj.active"
|
||||
v-validate="'required'"
|
||||
:error-messages="errors.collect('checkbox')"
|
||||
value="1"
|
||||
label="Option"
|
||||
data-vv-name="checkbox"
|
||||
required
|
||||
></v-checkbox>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout>
|
||||
<v-flex xs12 grow>
|
||||
<v-btn @click="submit">submit</v-btn>
|
||||
<v-btn @click="clear">clear</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</form>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user