vue 下载后端接口excel模板

原创已于 2022-11-14 16:46:25 修改 · 224 阅读

CC 4.0 BY-SA版权

文章标签：

于 2022-11-13 14:01:33 首次发布

这篇博客介绍了如何在Vue应用中创建一个下载按钮，通过点击触发下载模板的功能。关键代码包括在`el-button`中绑定`@click`事件，并在`download()`方法中设置下载链接，利用`window.location.href`实现文件下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.定义下载按钮

  <el-button @click="download()" >下载模板</el-button>

    // 下载模板
    download() {
      var url =
        window.location.origin + "/api/plan/excel";
      window.location.href = url;
    },