FormCurrency

Kolom nominal yang menampilkan pemisah ribuan sambil menyimpan angka biasa.

Dasar

Yang tersimpan selalu angka, misalnya 1250000, sedangkan yang terlihat 1.250.000. Karakter selain angka diabaikan, jadi menempel "Rp 1.250.000,-" pun tetap terbaca.

Rupiah, tanpa desimal.

Nilai tersimpan: 1250000

Desimal, mata uang, dan minus

Pemisah mengikuti locale: id-ID memakai titik untuk ribuan dan koma untuk desimal, en-US sebaliknya. Nilai minus perlu diaktifkan sendiri.

Dua angka di belakang koma.

Mata uang dan lokal lain.

Boleh minus untuk koreksi.

Error, readonly, dan disabled

Status mengikuti FormField seperti komponen form lainnya. Angka dirapikan kembali saat kolom kehilangan fokus, termasuk menambah angka desimal yang belum lengkap.

Nominal belum diisi.

Hanya dibaca.

API

Props

PropTipeDefaultKeterangan
v-modelnumber | null—Nominal apa adanya, tanpa pemisah. Kolom kosong bernilai null.
currencystring'IDR'Kode ISO untuk menentukan simbol yang ditampilkan.
localestring'id-ID'Menentukan pemisah ribuan dan desimal.
prefixstring | falsesimbol mata uangMengganti simbol di depan kolom, atau false untuk tanpa simbol.
decimalsnumber0Angka di belakang koma. Rupiah biasanya tanpa desimal.
allow-negativebooleanfalseIzinkan nilai minus untuk koreksi atau retur.
size / id / disabled / readonly / required / invalid / icon——Sama seperti FormInput, termasuk pewarisan dari FormField.

Atribut seperti name, placeholder, dan suffix diteruskan ke FormInput. inputmode diatur otomatis: numeric tanpa desimal, decimal bila ada. Ref komponen menyediakan focus(), blur(), dan select().