Skip to content

Commit ecc6503

Browse files
authored
Fix Terjemahan Form Input BIndings
1 parent eb60e96 commit ecc6503

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

src/v2/guide/forms.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,16 @@ order: 10
66

77
## Penggunaan Dasar
88

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*.
1010

11-
<p class="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+
<p class="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>
1212

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:
1414
- Elemen *text* dan *textarea* menggunakan properti `value` dan aksi `input`;
1515
- *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.
1717

18-
<p class="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+
<p class="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>
1919

2020
### Teks
2121

@@ -209,7 +209,7 @@ new Vue({
209209
</script>
210210
{% endraw %}
211211

212-
<p class="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+
<p class="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>
213213

214214
Select ganda (terikat ke *Array*):
215215

@@ -367,24 +367,24 @@ Secara default, `v-model` menyinkronkan *input* dengan data setelah setiap aksi
367367

368368
### `.number`
369369

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:
371371

372372
``` html
373373
<input v-model.number="age" type="number">
374374
```
375375

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.
377377

378378
### `.trim`
379379

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:
381381

382382
```html
383383
<input v-model.trim="msg">
384384
```
385385

386386
## `v-model` dengan Komponen
387387

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.
389389
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

Comments
 (0)