tyrel/learnin-some-vue
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

s11e146 more fields

Browse Source
This commit is contained in:
Tyrel Souza 2018-04-18 23:39:48 -04:00
parent 00fe3bf120
commit 521118b74c
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
s11e143/src/App.vue
View File

@ -8,7 +8,7 @@
<div class="form-group"> <div class="form-group">
<label for="email">Mail</label> <label for="email">Mail</label>
<input <input
v-model="email" v-model="userData.email"
type="text" type="text"
id="email" id="email"
class="form-control"> class="form-control">
@ -16,6 +16,7 @@
<div class="form-group"> <div class="form-group">
<label for="password">Password</label> <label for="password">Password</label>
<input <input
v-model="userData.password"
type="password" type="password"
id="password" id="password"
class="form-control"> class="form-control">
@ -23,6 +24,7 @@
<div class="form-group"> <div class="form-group">
<label for="age">Age</label> <label for="age">Age</label>
<input <input
v-model="userData.age"
type="number" type="number"
id="age" id="age"
class="form-control"> class="form-control">
@ -102,9 +104,9 @@
<h4>Your Data</h4> <h4>Your Data</h4>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<p>Mail: {{email}}</p> <p>Mail: {{userData.email}}</p>
<p>Password:</p> <p>Password:{{userData.password}}</p>
<p>Age:</p> <p>Age: {{userData.age}}</p>
<p>Message: </p> <p>Message: </p>
<p><strong>Send Mail?</strong></p> <p><strong>Send Mail?</strong></p>
<ul> <ul>
@ -124,7 +126,12 @@
export default { export default {
data(){ data(){
return { return {
userData: {
email: '', email: '',
password: '',
age: 30
}
}; };
} }
} }