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