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