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

s11e149 radioo radioo

Browse Source
This commit is contained in:
Tyrel Souza 2018-04-18 23:52:31 -04:00
parent 6da09206b6
commit 1fd9759dc9
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
s11e143/src/App.vue
View File

@ -48,12 +48,14 @@
<div class="form-group"> <div class="form-group">
<label for="sendmail"> <label for="sendmail">
<input <input
v-model="sendMail"
type="checkbox" type="checkbox"
id="sendmail" id="sendmail"
value="SendMail"> Send Mail value="SendMail"> Send Mail
</label> </label>
<label for="sendInfomail"> <label for="sendInfomail">
<input <input
v-model="sendMail"
type="checkbox" type="checkbox"
id="sendInfomail" id="sendInfomail"
value="SendInfoMail"> Send Infomail value="SendInfoMail"> Send Infomail
@ -66,16 +68,25 @@
<div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 form-group"> <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 form-group">
<label for="male"> <label for="male">
<input <input
v-model="userData.gender"
type="radio" type="radio"
id="male" id="male"
value="Male"> Male value="Male"> Male
</label> </label>
<label for="female"> <label for="female">
<input <input
v-model="userData.gender"
type="radio" type="radio"
id="female" id="female"
value="Female"> Female value="Female"> Female
</label> </label>
<label for="other">
<input
v-model="userData.gender"
type="radio"
id="other"
value="Other"> Other
</label>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -111,9 +122,11 @@
<p style="white-space: pre">Message: {{message}}</p> <p style="white-space: pre">Message: {{message}}</p>
<p><strong>Send Mail?</strong></p> <p><strong>Send Mail?</strong></p>
<ul> <ul>
<li></li> <li v-for="item in sendMail">
{{item}}
</li>
</ul> </ul>
<p>Gender:</p> <p>Gender: {{userData.gender}}</p>
<p>Priority:</p> <p>Priority:</p>
<p>Switched:</p> <p>Switched:</p>
</div> </div>
@ -130,10 +143,11 @@
userData: { userData: {
email: '', email: '',
password: '', password: '',
age: 30 age: 30,
gender: 'Male'
}, },
message: 'A new hope', message: 'A new hope',
sendMail: [],
}; };
} }
} }