你好在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);
});
uj5u.com熱心網友回復：
一個簡單的解決方案是讓過濾器輸出 HTML：
<p class="amount" v-html="$options.filters.toTL(attributes.gross_total)" />
過濾器可以這樣寫：
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] '<span>,' arr[1] '</span>';
});
鏈接：
String.prototype.split檔案：https :
//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split
另請參閱此 StackOverflow 問題：
VueJS2 v-html with filter
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/378494.html
標籤：Vue.js
上一篇：洗掉Vue.js3中的行串列