element table 添加總計 (格式化數據)

<template>
    <el-table
        :data="tableList"
        v-loading="loading"
        border
        style= "width: 100%"
        empty-text= "暫無數據"
        show-summary
        :summary-method = "getSummaries"
        :cell-style="{padding: 0}"
    >
        <el-table-column prop="name" label="名字"></el-table-column>
        <el-table-column prop="bmoney" label="金額"></el-table-column>
    </el-table-column>
</template>
<script>
export default {
    getSummaries(param) {
        const { columns, data } = param;
        const sums = [];
        columns.forEach((column, index) => {
            if (index === 0) {
                sums[index] = '合計';
                return;
            }
            const values = data.map(item => Number(item[column.property]));
            // column.property === 'bmoney'  bmoney 是你要總計table中的那一列的 prop值
            if(column.property === 'bmoney') {
                sums[index] = values.reduce((prev, curr) => {
                    const value = Number(curr);
                    if (!isNaN(value)) {
                        return prev + curr;
                    }else {
                        return prev;
                    }
                },0);
                // 如果要格式化 或者處理數據  比方說加千位符,默認保留兩位小數等等  直接處理sums[index]就可以
                // sums[index] += sums[index];
　　　　　　　　　　sums[index];
            }else {
                sums[index] = '--';
            }
        })
        return sums;
    }
}
</script>