vue项目中如何下载excel表格模板

最新推荐文章于 2024-08-06 16:10:14 发布

蜡笔love小新

最新推荐文章于 2024-08-06 16:10:14 发布

阅读量1.4w

点赞数 1

分类专栏： vue项目总结文章标签： vue 下载 javascript

本文链接：https://blog.csdn.net/yellowmushroom/article/details/82972427

版权

vue项目总结专栏收录该内容

5 篇文章 1 订阅

订阅专栏

在项目中，导入excel数据功能，一般都会有下载excel模板按钮，如果后端接口返回的是模板在服务器中的地址（接口返回url地址）,则可以直接绑定到window.location.href上。点击下载按钮时，触发请求，得到响应信息后自动下载。

代码如下：

axios({
  method: 'get',
  url: ' http://localhost:8080/downloadExc?tplType=1 ',
  headers: {
  'X-Requested-With': 'XMLHttpRequest'
  }
}).then(response => {
  const { status, data: { code }} = response
  if (status === 200 && code === 200) {
    const { data } = response.data
    //得到接口返回来的url地址，将其赋值给window.location.href，完成下载
    window.location.href = data
  }
})