vuejs sépare l'argent par une virgule et un point

Question

Bonjour, dans vuejs je souhaite séparer les montants par des virgules et des points, comment puis-je faire cela en utilisant des filtres ?

J'aurais aimé que la monnaie soit comme ça.

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

Je veux que la partie séparée par des virgules soit grise comme sur l'image

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

Answer 1

Une solution simple est d'avoir le filtre de sortie HTML :

Le filtre peut s'écrire ainsi :

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] + '';
});

Lien :

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

Voir aussi les questions StackOverflow :
VueJS2 v-html avec filtres