Element-ui设置表格显示小数点2位

1.表格设置

<el-table-column prop="口服用药总费用" label="口服用药(总费用)">
    <template slot-scope="scope">
        {{ fun(scope.row.口服用药总费用) }}
    </template>
</el-table-column>

2.添加方法

fun(val){
    return Number(val).toFixed(2);
}

3.合计设置小数点2位

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]));
        if (!values.every(value => isNaN(value))) {
            sums[index] = values.reduce((prev, curr) => {
                const value = Number(curr);
                if (!isNaN(value)) {
                    return prev + curr;
                } else {
                    return prev;
                }
            }, 0);
            sums[index] = sums[index].toFixed(2); //保留2位小数
            sums[index] += ' ';//添加单位如元
        } else {
            sums[index] = 'N/A';
        }
        sums[2] = 'N/A';
        sums[17] = 'N/A';
        sums[18] = 'N/A';
    });

    return sums;
}

4.其他设置

将小数转化为百分比（保留四位小数，四舍五入）

function ChangeDecimalToPercentage(data) {
var data1 = (data*100).toFixed(4)+"%"
return data1
}

保留小数点后两位四舍五入

function NumFilter (value) {
// 截取当前数据到小数点后两位
let realVal = parseFloat(value).toFixed(2)
return realVal
}

留两位小数不四舍五入

function numFilter (value) {
// 截取当前数据到小数点后三位
let tempVal = parseFloat(value).toFixed(3)
let realVal = tempVal.substring(0, tempVal.length - 1)
return realVal
}