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