vuejs trennen Geld durch Komma und Punkt

Question

Hallo, in Vuejs möchte ich Beträge durch Kommas und Punkte trennen. Wie kann ich das mithilfe von Filtern tun?

Ich wünschte, die Währung wäre so.

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

Ich möchte, dass der durch Kommas getrennte Teil wie im Bild grau ist

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

Answer 1

一个简单的解决方案是让过滤器输出 HTML：

过滤器可以这样写：

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

链接：

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

另请参阅 StackOverflow 问题：
带有过滤器的VueJS2 v-html