＜组件封装：Vue + elementUi 通过excel文件实现 “ 批量导入 ” 表单数据，生成对应新增信息 ＞

要实现在Vue中使用elementUI实现Excel文件的批量导入，并生成对应的表单数据，你可以使用element-ui的Upload组件来上传文件，以及js-xlsx库来解析Excel文件。以下是一个简化的例子：

1. 安装element-ui和xlsx：

npm install element-ui
npm install xlsx

2. 在Vue组件中使用element-ui的Upload组件和xlsx库来处理Excel文件：

<template>
  <el-upload
    ref="upload"
    action="#"
    :on-change="handleFileChange"
    :before-upload="beforeUpload"
    :auto-upload="false">
    <el-button slot="trigger" size="small" type="primary">选取 Excel</el-button>
  </el-upload>
  <el-button size="small" type="success" @click="importData">导入</el-button>
</template>
 
<script>
import XLSX from 'xlsx';
 
export default {
  methods: {
    beforeUpload(file) {
      const isExcel = /\.(xlsx|xls|csv)$/.test(file.name);
      if (!isExcel) {
        this.$message.error('只能上传.xlsx、.xls、.csv 文件!');
        return false;
      }
      return true;
    },
    handleFileChange(file, fileList) {
      this.readExcel(file.raw);
    },
    readExcel(file) {
      const reader = new FileReader();
      reader.onload = (e) => {
        const data = new Uint8Array(e.target.result);
        const workbook = XLSX.read(data, { type: 'array' });
        const firstSheetName = workbook.SheetNames[0];
        const worksheet = workbook.Sheets[firstSheetName];
        const jsonData = XLSX.utils.sheet_to_json(worksheet);
        // 处理jsonData生成对应的表单数据
        console.log(jsonData);
      };
      reader.readAsArrayBuffer(file);
    },
    importData() {
      const upload = this.$refs.upload;
      upload.submit();
    }
  }
};
</script>

在这个例子中，我们定义了一个Vue组件，其中包含了el-upload组件来上传文件，并使用了before-upload钩子来验证文件类型。当文件改变时，handleFileChange方法会调用readExcel来读取并解析Excel文件。readExcel使用FileReader来读取文件内容，然后使用xlsx库将其转换为JSON。最后，你可以根据解析出来的数据生成对应的表单数据。

注意：这个例子没有包含实际的表单数据生成逻辑，你需要根据Excel文件的结构来生成对应的表单数据。