You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/v2/guide/forms.md
+11-11Lines changed: 11 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -6,16 +6,16 @@ order: 10
6
6
7
7
## Penggunaan Dasar
8
8
9
-
Anda bisa menggunakan `v-model` untuk membuat binding data dua arah di *form input*, *textarea*, dan *select elements*. Hal tersebut secara otomatis akan memilih cara yang tepat untuk memperbarui elemen berdasarkan tipe *input*. Meskipun agak ajaib, `v-model` pada dasarnya adalah *syntax sugar* untuk memperbarui data setiap ada aksi *input* oleh pengguna, Ditambah perawatan khsusus untuk beberapa *edge cases*.
9
+
Anda bisa menggunakan `v-model` untuk membuat *data binding* dua arah di *form input*, *textarea*, dan *select elements*. Hal tersebut secara otomatis akan memilih cara yang tepat untuk memperbarui elemen berdasarkan tipe *input*. Meskipun agak ajaib, `v-model` pada dasarnya adalah *syntax sugar* untuk memperbarui data setiap ada aksi *input* oleh pengguna, Ditambah perawatan khsusus untuk beberapa *edge cases*.
10
10
11
-
<pclass="tip">`v-model` akan mengabaikan atribut `value`, `checked` atau `selected` awal yang ditemukan pada elemen *form* apapun. Itu akan selalu memperlakukan data *Vue Istance* sebagai sumber kebenaran. Anda harus mendeklarasikan nilai awal pada sisi *Javascript*, Di dalam opsi `data` dari komponen anda.</p>
11
+
<pclass="tip">`v-model` akan mengabaikan atribut `value`, `checked` atau `selected` awal yang ditemukan pada elemen *form* manapun. Hal tersebut akan selalu memperlakukan data *Vue Istance* sebagai *source of truth*. Anda harus mendeklarasikan nilai awal pada sisi *Javascript*, Di dalam opsi `data` dari komponen Anda.</p>
12
12
13
-
`v-model` secara internal menggunakan properti yang berbeda dan memancarkan kejadian yang berbeda untuk elemen *input* yang berbeda:
13
+
`v-model` secara internal menggunakan properti yang berbeda dan melakukan *emits* pada suatu *event* yang berbeda untuk elemen *input* yang berbeda:
14
14
- Elemen *text* dan *textarea* menggunakan properti `value` dan aksi `input`;
15
15
-*checkboxes* dan *radiobuttons* menggunakan properti `checked` dan aksi `change`;
16
-
-*select fields* menggunakan `value` sebagai penyangga dan `change` sebagai sebuah aksi.
16
+
-*select fields* menggunakan `value` sebagai *prop* dan `change` sebagai sebuah aksi.
17
17
18
-
<pclass="tip"id="vmodel-ime-tip">Untuk bahasa yang memerlukan [IME](https://en.wikipedia.org/wiki/Input_method) (Cina,Jepang,Korea dll), Anda akan melihat bahwa `v-model` tidak diperbarui selama komposisi IME. Jika anda ingin melayani pembaruan ini juga, Gunakan aksi `input` sebagai gantinya.</p>
18
+
<pclass="tip"id="vmodel-ime-tip">Jika Anda memakai bahasa [IME](https://en.wikipedia.org/wiki/Input_method) (Cina,Jepang,Korea dll), Anda akan melihat bahwa `v-model` tidak diperbarui selama komposisi IME. Jika Anda ingin melayani pembaruan ini juga, Gunakan aksi `input` sebagai gantinya.</p>
19
19
20
20
### Teks
21
21
@@ -209,7 +209,7 @@ new Vue({
209
209
</script>
210
210
{% endraw %}
211
211
212
-
<pclass="tip">Jika nilai awal ekspresi `v-model` anda tidak cocok dengan salah satu opsi, Elemen `<select>` akan merender dalam keadaan "tidak dipilih". Di iOS ini akan menyebabkan pengguna tidak dapat memilih item pertama karena iOS tidak memecat perubahan aksi dalam kasus ini. Oleh karena itu disarankan menyediakan opsi yang dinonaktifkan dengan nilai kosong, Seperti yang ditunjukkan pada contoh diatas.</p>
212
+
<pclass="tip">Jika nilai awal ekspresi `v-model` Anda tidak cocok dengan salah satu opsi, Elemen `<select>` akan merender dalam keadaan "tidak dipilih". Di iOS ini akan menyebabkan pengguna tidak dapat memilih item pertama karena iOS tidak memecat perubahan aksi dalam kasus ini. Oleh karena itu disarankan menyediakan opsi yang dinonaktifkan dengan nilai kosong, Seperti yang ditunjukkan pada contoh diatas.</p>
213
213
214
214
Select ganda (terikat ke *Array*):
215
215
@@ -367,24 +367,24 @@ Secara default, `v-model` menyinkronkan *input* dengan data setelah setiap aksi
367
367
368
368
### `.number`
369
369
370
-
Jika anda ingin *input* pengguna diketik secara otomatis sebagai angka, Anda dapat menambahkan `number`*modifier* ke *input* yang dieklola `v-model`anda:
370
+
Jika Anda ingin *input* pengguna diketik secara otomatis sebagai angka, Anda dapat menambahkan `number`*modifier* ke *input* yang dieklola oleh `v-model`Anda:
371
371
372
372
```html
373
373
<inputv-model.number="age"type="number">
374
374
```
375
375
376
-
Ini sering berguna, Karena bahkan dengan `type="number"`, Nilai elemen *input* HTML selalu mengembalikan sebuah *string*. Jika nilai tidak dapat diuraikan dengan `parseFloat()`, Maka nilai asli dikembalikan.
376
+
Hal ini seringkali berguna, Karena, bahkan hanya dengan `type="number"`, nilai elemen *input* HTML selalu dikembalikan dalam bentuk *string*. Jika nilai tidak dapat diuraikan dengan `parseFloat()`, maka nilai asli yang akan dikembalikan.
377
377
378
378
### `.trim`
379
379
380
-
Jika anda ingin spasi kosong dari *input*-an pengguna di pangkas secara otomatis, Anda dapat menambahkan `trim`*modifier* ke *input* yang dikelola `v-model`anda:
380
+
Jika Anda ingin menyisipkan spasi kosong dari *input*-an pengguna yang bisa di pangkas secara otomatis, Anda bisa menambahkan `trim`*modifier* ke *input* yang dikelola oleh `v-model`Anda:
381
381
382
382
```html
383
383
<inputv-model.trim="msg">
384
384
```
385
385
386
386
## `v-model` dengan Komponen
387
387
388
-
> Jika anda belum terbiasa dengan komponen Vue, Anda dapat melewati ini untuk saat ini.
388
+
> Jika Anda belum terbiasa dengan komponen Vue, Anda boleh melewati bagian ini.
389
389
390
-
Jenis *input* bawaan HTML tidak akan selalu memenuhi kebutuhan anda. Untungnya, Komponen Vue memungkinkan anda membangun *input* yang dapat digunakan kembali dengan perilaku yang sepenuhnya disesuaikan. Input ini bahkan bekerja dengan `v-model`! Untuk mempelajari lebih lanjut, baca tentang [input khsusus](components.html#Using-v-model-on-Components) di panduan komponen.
390
+
Jenis *input* bawaan HTML tidak akan selalu memenuhi kebutuhan Anda. Untungnya, Komponen Vue memungkinkan Anda untuk membuat *input* yang bisa digunakan kembali dengan perilaku yang sepenuhnya bisa disesuaikan. Input ini bahkan bisa bekerja dengan `v-model`! Untuk mempelajari lebih lanjut, baca tentang [input khsusus](components.html#Using-v-model-on-Components) di panduan komponen.
0 commit comments