vue2下载excel文件指定命名

在Vue.js 2.x中，如果你想要下载Excel文件并指定特定名称，可以使用一些前端库如`js-xlsx`、`xlsx-style`或`file-saver`等配合使用。以下是一个基本的例子：

首先，你需要安装相应的库，例如使用`axios`获取数据，`xlsx`生成Excel文件，以及`file-saver`保存到本地：

npm install axios js-xlsx file-saver

然后，在Vue组件中，你可以这样操作：

<!-- 使用axios请求数据 -->
<template>
  <button @click="downloadExcel">下载Excel</button>
</template>

<script>
import axios from 'axios';
import XLSX from 'xlsx';

export default {
  methods: {
    async downloadExcel() {
      try {
        // 请求数据
        const response = await axios.get('your-api-url');

        // 将数据转换为工作表
        const wsName = 'Sheet1'; // 指定的工作表名
        const data = response.data;
        const wb = XLSX.utils.book_new();
        XLSX.utils.book_append_sheet(wb, data, wsName);

        // 保存为Excel文件
        const filename = 'custom_filename.xlsx'; // 指定的文件名
        const type = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
        XLSX.writeFile(wb, filename, { type });
        
        // 触发浏览器下载
        const blob = new Blob([XLSX.readFile(filename)], {type});
        saveAs(blob, filename);
      } catch (error) {
        console.error('Error downloading Excel:', error);
      }
    },
  },
};
</script>

在这个例子中，当你点击“下载Excel”按钮时，会触发一个异步请求获取数据，然后创建一个Excel文件，并将其保存为指定的文件名。