vuejs 用逗號和句點分隔金錢
P粉539055526
P粉539055526 2024-03-26 18:00:31
0
1
345

你好,在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);
});

P粉539055526
P粉539055526

全部回覆(1)
P粉212971745

一個簡單的解決方案是讓篩選器輸出 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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!