vue怎么下载excel文件

在 Vue 中下载 Excel 文件，一种常见的方法是使用 `axios` 库进行文件下载。可以在 Vue 组件中定义一个方法，使用 `axios` 向后端发送请求，获取文件数据，然后保存到本地。以下是一个简单的示例代码：

<template>
  <div>
    <button @click="downloadExcel">下载 Excel 文件</button>
  </div>
</template>

<script>
import axios from 'axios';
import { saveAs } from 'file-saver';

export default {
  methods: {
    downloadExcel() {
      axios({
        url: 'http://example.com/download-excel',
        method: 'GET',
        responseType: 'blob',
      }).then(response => {
        const blob = new Blob([response.data], { type: 'application/vnd.ms-excel' });
        saveAs(blob, 'example.xlsx');
      });
    },
  },
};
</script>

在这个示例中，点击按钮时会触发 `downloadExcel` 方法，该方法使用 `axios` 发送 GET 请求到指定的 URL，设置 `responseType` 为 `blob`，以获取二进制数据。在获取到数据后，将其转换为 Blob 对象，并使用 `file-saver` 库保存到本地。需要注意的是，Excel 文件的 MIME 类型为 `application/vnd.ms-excel`。