我的 Vue 组件是这样的:
<template>
<div>
<div class="panel-group"v-for="item in list">
<div class="col-md-8">
<small>
Total: <b>{{ item.total }}</b>
</small>
</div>
</div>
</div>
</template>
<script>
export default {
...
computed: {
list: function() {
return this.$store.state.transaction.list
},
...
}
}
</script>
{{ item.total }}
的结果是
26000000
但我希望它的格式是这样的:
26.000.000,00
在 jquery 或 javascript 中,我可以做到
但是,如何在 vue 组件中做到这一点?
原文由 samuel toh 发布,翻译遵循 CC BY-SA 4.0 许可协议
我会为此编写一个方法,然后在您需要格式化价格的地方,您可以将该方法放在模板中并向下传递值
然后在模板中:
顺便说一句 - 我并没有太在意替换和正则表达式。它可以改进。
enter code here