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); });
一个简单的解决方案是让过滤器输出 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