vuejs asingkan wang dengan koma dan noktah

Question

Helo, dalam vuejs saya ingin mengasingkan amaun dengan koma dan noktah, bagaimana saya boleh melakukan ini menggunakan penapis?

Saya harap mata wang seperti ini.

<p>1.000<span>,00</span></p>

Saya mahu bahagian yang dipisahkan koma berwarna kelabu seperti dalam imej

Vue.filter('toTL', function (value) {
    return new Intl.NumberFormat('tr-TR', { currency: 'TRY', minimumFractionDigits: 2}).format(value);
});

Answer 1

Penyelesaian mudah ialah mempunyai HTML output penapis:

Penapis boleh ditulis seperti ini:

Vue.filter('toTL', function (value) {
    let formatted = new Intl.NumberFormat('tr-TR', { currency: 'TRY', minimumFractionDigits: 2}).format(value);
    let arr = formatted.split(',');

    return arr[0] + ',' + arr[1] + '';
});

Pautan:

String.prototype.split Dokumentasi:
https://developer.mozilla.org/ en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split

Lihat juga soalan StackOverflow:
VueJS2 v-html dengan penapis