后台get方式的excel表的导出

最新推荐文章于 2024-03-14 11:32:03 发布

洋洋阳@

最新推荐文章于 2024-03-14 11:32:03 发布

阅读量208

点赞数

分类专栏： js vue html/css 文章标签： excel vue.js javascript

本文链接：https://blog.csdn.net/m0_51607474/article/details/128669120

版权

js 同时被 3 个专栏收录

20 篇文章 0 订阅

订阅专栏

html/css

19 篇文章 0 订阅

订阅专栏

vue

6 篇文章 0 订阅

订阅专栏

1.template中

<el-button size="small" type="primary" icon="plus" @click="handleExcelExport('ExcelExport.xlsx')">导出</el-button>

2.js方法

// 导出
const handleExcelExport = async()=>{
  //  if (!fileName || typeof fileName !== 'string') {
  //   fileName = 'ExcelExport.xlsx'
  // }
  // exportExcel(tableData.value, fileName)
  let res = await exportExcel({
    companyId:searchInfo.value.companyId,
    month:searchInfo.value.month,
    page:1,
    pageSize:9999
  })
  const blob = new Blob([res],{type: "application/vnd.ms-excel;charset=utf-8"})
  const fileName = '员工考勤信息.xlsx'
  const url = window.URL.createObjectURL(blob);
  const link = document.createElement('a')
  link.href = url;
  link.setAttribute('download',fileName)
  document.body.appendChild(link);
  link.click();
  if(res.code===7){
    ElMessage({
      type:'error',
      message:res.msg
    })
  }
  console.log('导出',res)
}