adding latest tutorial
This commit is contained in:
60
src/views/SignUpConfirm.vue
Normal file
60
src/views/SignUpConfirm.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<div class="confirm">
|
||||
<h1>Confirm</h1>
|
||||
<v-form v-model="valid" ref="form" lazy-validation>
|
||||
<v-text-field
|
||||
v-model="username"
|
||||
:rules="emailRules"
|
||||
label="Email Address"
|
||||
required
|
||||
></v-text-field>
|
||||
<v-text-field
|
||||
v-model="code"
|
||||
:rules="codeRules"
|
||||
label="Code"
|
||||
required
|
||||
></v-text-field>
|
||||
<v-btn :disabled="!valid" @click="submit">Submit </v-btn>
|
||||
</v-form>
|
||||
<v-btn @click="resend">Resend Code</v-btn>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "SignUpConfirm",
|
||||
data() {
|
||||
return {
|
||||
valid: false,
|
||||
username: "",
|
||||
code: ""
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
emailRules() {
|
||||
return [
|
||||
v => !!v || "Email is required",
|
||||
v => /.+@.+/.test(v) || "Email must be valid"
|
||||
];
|
||||
},
|
||||
codeRules() {
|
||||
return [
|
||||
v => !!v || "Code is required",
|
||||
v => (v && v.length === 6) || "Code must be 6 digits"
|
||||
];
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit() {
|
||||
if (this.$refs.form.validate()) {
|
||||
console.log(`CONFIRM username: ${this.username}, code: ${this.code}`);
|
||||
}
|
||||
},
|
||||
resend() {
|
||||
console.log(`RESEND username: ${this.username}`);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
Reference in New Issue
Block a user