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

最新推荐文章于 2023-08-11 09:27:08 发布

转载最新推荐文章于 2023-08-11 09:27:08 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangyuxue/p/11326279.html

文章标签：

#javascript #json #前端 #ViewUI

本文介绍了在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);
    },