@@ -20,20 +20,20 @@ Anda bisa menggunakan `v-model` untuk membuat *data binding* dua arah di *form i
20
20
### Teks
21
21
22
22
``` html
23
- <input v-model =" message " placeholder =" edit me " >
24
- <p >Message is : {{ message }}</p >
23
+ <input v-model =" pesan " placeholder =" edit saya " >
24
+ <p >Pesan nya adalah : {{ pesan }}</p >
25
25
```
26
26
27
27
{% raw %}
28
28
<div id =" example-1 " class =" demo " >
29
- <input v-model =" message " placeholder =" edit me " >
30
- <p >Message is : {{ message }}</p >
29
+ <input v-model =" pesan " placeholder =" edit saya " >
30
+ <p >Pesannya adalah : {{ pesan }}</p >
31
31
</div >
32
32
<script >
33
33
new Vue ({
34
34
el: ' #example-1' ,
35
35
data: {
36
- message : ' '
36
+ pesan : ' '
37
37
}
38
38
})
39
39
</script >
@@ -42,24 +42,24 @@ new Vue({
42
42
### Teks Multiline
43
43
44
44
``` html
45
- <span >Multiline message is :</span >
46
- <p style =" white-space : pre-line ;" >{{ message }}</p >
45
+ <span >Pesan dengan baris lebih dari satu :</span >
46
+ <p style =" white-space : pre-line ;" >{{ pesan }}</p >
47
47
<br >
48
- <textarea v-model =" message " placeholder =" add multiple lines " ></textarea >
48
+ <textarea v-model =" pesan " placeholder =" Tambahkan pesan " ></textarea >
49
49
```
50
50
51
51
{% raw %}
52
52
<div id =" example-textarea " class =" demo " >
53
- <span >Multiline message is :</span >
54
- <p style =" white-space : pre-line ;" >{{ message }}</p >
53
+ <span >Pesan dengan baris lebih dari satu :</span >
54
+ <p style =" white-space : pre-line ;" >{{ pesan }}</p >
55
55
<br >
56
- <textarea v-model =" message " placeholder =" add multiple lines " ></textarea >
56
+ <textarea v-model =" pesan " placeholder =" Tambahkan pesan " ></textarea >
57
57
</div >
58
58
<script >
59
59
new Vue ({
60
60
el: ' #example-textarea' ,
61
61
data: {
62
- message : ' '
62
+ pesan : ' '
63
63
}
64
64
})
65
65
</script >
@@ -96,36 +96,36 @@ new Vue({
96
96
97
97
``` html
98
98
<div id =' example-3' >
99
- <input type =" checkbox" id =" jack" value =" Jack" v-model =" checkedNames " >
99
+ <input type =" checkbox" id =" jack" value =" Jack" v-model =" checked " >
100
100
<label for =" jack" >Jack</label >
101
- <input type =" checkbox" id =" john" value =" John" v-model =" checkedNames " >
101
+ <input type =" checkbox" id =" john" value =" John" v-model =" checked " >
102
102
<label for =" john" >John</label >
103
- <input type =" checkbox" id =" mike" value =" Mike" v-model =" checkedNames " >
103
+ <input type =" checkbox" id =" mike" value =" Mike" v-model =" checked " >
104
104
<label for =" mike" >Mike</label >
105
105
<br >
106
- <span >Checked names : {{ checkedNames }}</span >
106
+ <span >Nama yang di centang : {{ checked }}</span >
107
107
</div >
108
108
```
109
109
110
110
``` js
111
111
new Vue ({
112
112
el: ' #example-3' ,
113
113
data: {
114
- checkedNames : []
114
+ checked : []
115
115
}
116
116
})
117
117
```
118
118
119
119
{% raw %}
120
120
<div id =" example-3 " class =" demo " >
121
- <input type =" checkbox " id =" jack " value =" Jack " v-model =" checkedNames " >
121
+ <input type =" checkbox " id =" jack " value =" Jack " v-model =" checked " >
122
122
<label for =" jack " >Jack</label >
123
- <input type =" checkbox " id =" john " value =" John " v-model =" checkedNames " >
123
+ <input type =" checkbox " id =" john " value =" John " v-model =" checked " >
124
124
<label for =" john " >John</label >
125
- <input type =" checkbox " id =" mike " value =" Mike " v-model =" checkedNames " >
125
+ <input type =" checkbox " id =" mike " value =" Mike " v-model =" checked " >
126
126
<label for =" mike " >Mike</label >
127
127
<br >
128
- <span >Checked names : {{ checkedNames }}</span >
128
+ <span >Nama yang di centang : {{ checked }}</span >
129
129
</div >
130
130
<script >
131
131
new Vue ({
@@ -146,7 +146,7 @@ new Vue({
146
146
<input type =" radio" id =" two" value =" Two" v-model =" picked" >
147
147
<label for =" two" >Two</label >
148
148
<br >
149
- <span >Picked : {{ picked }}</span >
149
+ <span >Yang dipilih : {{ picked }}</span >
150
150
```
151
151
{% raw %}
152
152
<div id =" example-4 " class =" demo " >
@@ -156,7 +156,7 @@ new Vue({
156
156
<input type =" radio " id =" two " value =" Two " v-model =" picked " >
157
157
<label for =" two " >Two</label >
158
158
<br >
159
- <span >Picked : {{ picked }}</span >
159
+ <span >Yang dipilih : {{ picked }}</span >
160
160
</div >
161
161
<script >
162
162
new Vue ({
@@ -179,7 +179,7 @@ new Vue({
179
179
<option >B</option >
180
180
<option >C</option >
181
181
</select >
182
- <span >Selected : {{ selected }}</span >
182
+ <span >Yang dipilih : {{ selected }}</span >
183
183
```
184
184
``` js
185
185
new Vue ({
@@ -197,7 +197,7 @@ new Vue({
197
197
<option>B</option>
198
198
<option>C</option>
199
199
</select >
200
- <span >Selected : {{ selected }}</span >
200
+ <span >Yang dipilih : {{ selected }}</span >
201
201
</div >
202
202
<script >
203
203
new Vue ({
@@ -220,7 +220,7 @@ Select lebih dari satu (terikat ke *Array*):
220
220
<option >C</option >
221
221
</select >
222
222
<br >
223
- <span >Selected : {{ selected }}</span >
223
+ <span >Yang dipilih : {{ selected }}</span >
224
224
```
225
225
{% raw %}
226
226
<div id =" example-6 " class =" demo " >
@@ -230,7 +230,7 @@ Select lebih dari satu (terikat ke *Array*):
230
230
<option>C</option>
231
231
</select >
232
232
<br >
233
- <span >Selected : {{ selected }}</span >
233
+ <span >Yang dipilih : {{ selected }}</span >
234
234
</div >
235
235
<script >
236
236
new Vue ({
@@ -250,7 +250,7 @@ Opsi dinamis dengan `v-for`:
250
250
{{ option.text }}
251
251
</option >
252
252
</select >
253
- <span >Selected : {{ selected }}</span >
253
+ <span >Yang dipilih : {{ selected }}</span >
254
254
```
255
255
``` js
256
256
new Vue ({
@@ -272,7 +272,7 @@ new Vue({
272
272
{{ option.text }}
273
273
</option>
274
274
</select >
275
- <span >Selected : {{ selected }}</span >
275
+ <span >Yang dipilih : {{ selected }}</span >
276
276
</div >
277
277
<script >
278
278
new Vue ({
@@ -343,7 +343,6 @@ vm.pick === vm.a
343
343
344
344
``` html
345
345
<select v-model =" selected" >
346
- <!-- inline object literal -->
347
346
<option v-bind:value =" { number: 123 }" >123</option >
348
347
</select >
349
348
```
0 commit comments