<template>
<el-table :data="tableData">
<el-table-column label="数值列" prop="value">
<template slot-scope="scope">
{{ formatNumber(scope.row.value) }}
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ value: 1000 },
{ value: 2500 },
{ value: 50000 },
],
};
},
methods: {
formatNumber(value) {
// 使用 Intl.NumberFormat 来将数值格式化为千分位显示
return new Intl.NumberFormat().format(value);
},
},
};
</script>
Vue el-table 数值列千分位显示
最新推荐文章于 2024-07-31 21:30:00 发布