vue table 合并单元格 合计 字符串转数值
Posted 泳之
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue table 合并单元格 合计 字符串转数值相关的知识，希望对你有一定的参考价值。
<el-table
border
show-summary //显示合计
:summary-method="yearEvalDetaSum"//合计计算方法
:span-method="arraySpanMethod2"
// 合并相同name单元格
arraySpanMethod1({ row, column, rowIndex, columnIndex }) {
},
//计算合计
yearEvalSum(params) {
const { columns, data } = params;
const sums = [];
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = "合计";
return;
}
if (column.property === "score") {
const values = data.map((item) => item[column.property]);
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr);
if (!isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
sums[index] += "";
} else if (column.property === "scoreExam") {
const values = data.map((item) => item[column.property]);
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) + "";
} else {
sums[index] = "";
}
});
return sums;
},
//字符串转数值
Number(item.dayScoreExam)
以上是关于vue table 合并单元格 合计 字符串转数值的主要内容，如果未能解决你的问题，请参考以下文章
VUE项目中el-table动态合并列单元格（附带代码解析注释）
VUE项目中el-table动态合并列单元格（附带代码解析注释）