84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
你好,在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); });
一個簡單的解決方案是讓篩選器輸出 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
String.prototype.split
#另請參閱 StackOverflow 問題: 有過濾器的VueJS2 v-html
一個簡單的解決方案是讓篩選器輸出 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