vue summary-method 报错 Cannot read property '0' of undefined"

最新推荐文章于 2025-08-05 17:36:06 发布

原创

最新推荐文章于 2025-08-05 17:36:06 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

在Vue应用中，使用summary-method属性时遇到'Cannot read property '0' of undefined'错误。原因在于该自定义方法未返回任何值。为解决此问题，确保为summary-method指定的方法返回正确的数据。

加了：summary-method报错是因为你添加的事件没有返回值

// html片段
<el-table
  :data="tableData"
  :summary-method="getSummaries"
  show-summary
  style="width: 100%">

// 下面未官方给出的事件

  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] += ' 元';
      } else {
        sums[index] = 'N/A';
      }
    });

    return sums;
  }
}

加上return sums;就好了；