vue表格(table)计算总计方式 vue表格(table)计算总计方式

vue 表格计算总计
vue table表格合计 ( Element )

【vue表格(table)计算总计方式】
vue 表格计算总计

首先需要在table标签中添加

:summary-method="getSummaries"// 调用方法show-summary//标签属性methods: {getSummaries(param) {const { columns, data } = paramconsole.log(columns, data, 'columns,data')const sums = []columns.forEach((column, index) => {// 设置第一列的值为总计if (index === 0) {sums[index] = '总计'return}sums[3] = this.form.resultsums[3] += '元'})return sums}}

因为Element上计算总计的方法是计算当前页上金额的总和，稍加修改~