我的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组件中做到这一点?
@RoyJ的评论有很好的建议。在模板中,您可以只使用内置的本地化字符串:
某些较旧的浏览器不支持此功能,但是如果您以IE 11及更高版本为目标,则应该可以。