vue的Elementui如果调用后端easyExcel的导出接口实现文件的导出

要使用Vue的Element UI调用后端的easyExcel导出接口实现文件导出，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了Element UI和axios插件。

2. 在Vue组件中，引入Element UI的Button组件，并定义一个点击事件方法，用于触发导出操作。例如：

<template>
  <div>
    <el-button type="primary" @click="exportExcel">导出Excel</el-button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  methods: {
    exportExcel() {
      axios.get('/api/export')  // 假设后端导出接口为 /api/export
        .then(response => {
          // 拿到文件流后进行文件下载
          const url = window.URL.createObjectURL(new Blob([response.data]));
          const link = document.createElement('a');
          link.href = url;
          link.setAttribute('download', 'export.xlsx');
          document.body.appendChild(link);
          link.click();
          document.body.removeChild(link);
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}
</script>

3. 在上述代码中，我们使用axios发送GET请求到后端的导出接口。获取到后端返回的文件流后，我们创建一个Blob对象，并通过URL.createObjectURL()方法生成一个可下载的URL。然后，创建一个a标签，设置其href为该URL，并指定文件名为'export.xlsx'。最后，将a标签添加到页面中，并模拟点击该链接进行文件下载。

4. 注意，上述代码中的'/api/export'是一个示例接口地址，你需要根据你的实际后端接口进行修改。

通过以上步骤，你就可以使用Vue的Element UI调用后端的easyExcel导出接口实现文件导出了。