vue给请求接口数据增加一行新数据

109 阅读 0 评论 72 点赞

我是靠谱客的博主天真小霸王，最近开发中收集的这篇文章主要介绍vue给请求接口数据增加一行新数据，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、添加数据前

二、添加数据后

三、实现方法

setPayWaySummaryList() {
　　　　// summaryArr格式和接口的要一样，summaryArr为添加到data的第三条数据
      const summaryArr = {
        cash: 0,
        pos: 0,
        wechat: 0,
        cb: 0,
        bc: 0,
        name: '合计',
      };
      const arrLength = this.statisticalQuery.length;// 查询接口数据数组长度
      for (let i = 0; i < arrLength; i++) {
        summaryArr.cash += this.statisticalQuery[i].cash || 0;
        summaryArr.pos += this.statisticalQuery[i].pos || 0;
        summaryArr.wechat += this.statisticalQuery[i].wechat || 0;
        summaryArr.cb += this.statisticalQuery[i].cb || 0;
        summaryArr.bc += this.statisticalQuery[i].bc || 0;
      }
      this.statisticalQuery.push(summaryArr);
    },