解决vue导出表格数据只有当前页问题

这篇博客主要介绍如何解决Vue中导出表格数据时只包含当前页的问题。关键在于后端需输出文件流,并在前端通过responseType: 'blob'处理。根据后端返回的size值进行判断,如size大于2则正常导出文件,小于等于2则提示相应错误信息。同时,API接口需要特殊配置,区分查询和导出操作。在导出事件中,需修改请求参数以符合后端要求。
摘要由CSDN通过智能技术生成

这里需要配合后端来进行调整,后端要输出文件流,进行一系列配置等,而前端通过responseType:'blob' 判断blob对象的size,首先在request里判断是否导出返回code,我这里根据后端返回的size进行判断

  1. size=1 时 未查询到相关数据可供导出
  2. size=2 时 导出异常,请联系管理员
  3. size>2 时 正常导出文件
  4. size不存在时直接返回数据

  response => {
    //判断是否导出返回code
    var isSize = response.data.size;
    if (isSize !== undefined) {
      const res = response.data
      if (debug) {
        console.log(JSON.stringify(res))
      }
      return res
    }else{
      const res = response.data
      if (debug) {
        console.log(JSON.stringify(res))
      }
//下面是有关用户登录token的判断
}

在api接口配置里写上blob,此处为查询和导入调用的同一个接口,只是传参不同,我在设置时自定义成两个接口,一个用于查询数据,一个用于导出数据

import request from '@/utils/request1'

// 获取医疗机构数据列表
export function getHo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值