From 4426f735f8b1550ee370085f957587037acb6b37 Mon Sep 17 00:00:00 2001
From: Tyrel Souza <tyrelsouza@gmail.com>
Date: Thu, 19 Apr 2018 00:13:49 -0400
Subject: [PATCH] s11e153 submitting a form

---
 s11e143/src/App.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/s11e143/src/App.vue b/s11e143/src/App.vue
index 8228793..d840bff 100644
--- a/s11e143/src/App.vue
+++ b/s11e143/src/App.vue
@@ -111,6 +111,7 @@
             <div class="row">
                 <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
                     <button
+                            @click.prevent="submit"
                             class="btn btn-primary">Submit!
                     </button>
                 </div>
@@ -119,7 +120,7 @@
 
         </form>
         <hr>
-        <div class="row">
+        <div class="row" v-if="isSubmitted">
             <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
                 <div class="panel panel-default">
                     <div class="panel-heading">
@@ -152,6 +153,7 @@
     export default {
         data(){
             return {
+                isSubmitted: false,
                 userData: {
                     email: '',
                     password: '',
@@ -167,6 +169,11 @@
         },
         components:{
             appSwitch: Switch,
+        },
+        methods:{
+            submit(){
+                this.isSubmitted = true;
+            }
         }
     }
 </script>