Element Plus 的 Statistic 组件怎么设置小数位数？

UX-香利提问于 2026-03-29 16:46:11 阅读 2

组件

我在用 Element Plus 的 Statistic 组件显示金额，但默认好像只显示整数，试了 formatter 也没生效。

比如我想显示 123.45 这样的两位小数，应该怎么做？官方文档里没找到相关说明。

<el-statistic :value="123.456" />

Vue组件

我来解答赞 7 收藏

反馈

1 条解答

FSD-开心 Lv1

Statistic组件确实没直接提供小数位设置，但可以用formatter配合toFixed搞定。改一下就行：

<template>

  <el-statistic :value="123.456" :formatter="formatNumber" />

</template>



<script>

export default {

  methods: {

    formatNumber(value) {

      return value.toFixed(2);

    }

  }

}

</script>

这样就能显示两位小数了。记得value要是数字类型，不然toFixed会报错。有时候这种简单需求官方文档还真不一定写得那么细，自己动手丰衣足食。

2026-03-29 17:00