vuejs 用逗号和句点分隔金钱
P粉539055526
P粉539055526 2024-03-26 18:00:31
0
1
384

你好,在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学习者快速成长!