vuejs 用逗號和句點分隔金錢

Question

你好，在vuejs中我想用逗號和句點分隔金額，我該如何使用過濾器來做到這一點？

我希望貨幣是這樣的。

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

我希望用逗號分隔的部分像圖像中那樣是灰色的

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