element vue 上传模板_vue+element实现excel中的信息批量导入和导入模板的下载

你可以通过以下步骤实现在Vue和Element UI中实现Excel批量导入和导入模板的下载：

1. 在Vue项目中安装element-ui和xlsx插件：

npm install element-ui xlsx --save

2. 创建一个ExcelUpload.vue组件，该组件包含一个文件上传按钮和一个下载模板按钮：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action=""
      :before-upload="beforeUpload"
      :on-success="handleSuccess"
      :on-error="handleError"
      :file-list="fileList"
      :auto-upload="false"
    >
      <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
      <el-button style="margin-left: 10px;" size="small" @click="uploadFile">
        上传文件
      </el-button>
    </el-upload>
    <el-button style="margin-left: 10px;" size="small" @click="downloadTemplate">
      下载模板
    </el-button>
  </div>
</template>

3. 在Vue组件中定义fileList和beforeUpload方法：

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

export default {
  data() {
    return {
      fileList: [],
    };
  },
  methods: {
    beforeUpload(file) {
      const isExcel = file.type === 'application/vnd.ms-excel';
      if (!isExcel) {
        this.$message.error('只能上传Excel文件');
      }
      return isExcel;
    },
    uploadFile() {
      const formData = new FormData();
      this.fileList.forEach((file) => {
        formData.append('file', file.raw);
      });
      // TODO: 发送请求上传文件
    },
    handleSuccess(response) {
      this.$message.success('上传成功');
      // TODO: 处理上传成功后的操作
    },
    handleError() {
      this.$message.error('上传失败');
    },
    downloadTemplate() {
      const data = [
        ['姓名', '年龄', '性别'],
        ['张三', '18', '男'],
        ['李四', '20', '女'],
        ['王五', '22', '男'],
      ];
      const ws = XLSX.utils.aoa_to_sheet(data);
      const wb = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
      const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
      saveAs(
        new Blob([wbout], { type: 'application/octet-stream' }),
        '模板.xlsx',
      );
    },
  },
};
</script>

4. 完成后，你就可以使用该组件来上传和下载Excel文件了。

注意：在上传文件之前，你需要发送一个请求将文件发送到服务器上进行处理。