制作缓存

data() {

    return {

req:{

account:''

switchingDate :''

}

dataCache: {}, // 数据缓存集合

}

2、把this.req参数和列表数据存储起来。

// 获取下级列表

    getData() {

      lowerReport(this.req).then(response => {

        this.lowerList = response.data

        // 添加缓存

        let { account, switchingDate } = this.req;

        this.dataCache[[account, switchingDate].join('@')] = {

          list: JSON.parse(JSON.stringify(response.data)),

          account: account,

          switchingDate: switchingDate

        };

        // 添加缓存

      });

    },

3、判断缓存列表是否有数据，没有重新请求

// 数据缓存

    cache() {

      let { account, switchingDate } = this.req;

      let key = [account, switchingDate].join('@');

      let obj = this.dataCache[key];

      if (obj) {

        this.lowerList.push(obj.list);

      } else {

        this.getData();

      }

    },