jeecgboot vue3前端如何实现多个导入excel按钮

在JeecgBoot Vue3前端中实现多个导入Excel按钮，可以通过以下步骤来完成：

在Vue3的组件中，使用<el-upload>组件来实现文件上传功能。可以根据需要多次使用<el-upload>组件，每个组件对应一个导入Excel按钮。
在每个<el-upload>组件中，设置action属性来指定文件上传的接口地址。
在每个<el-upload>组件中，设置before-upload属性来指定文件上传之前的钩子函数。在钩子函数中，可以对文件进行一些验证，例如文件类型、文件大小等。
在每个<el-upload>组件中，设置on-success属性来指定文件上传成功后的回调函数。在回调函数中，可以处理上传成功后的业务逻辑，例如解析Excel文件、保存数据等。

以下是一个示例代码：

<template>
  <div>
    <el-upload
      action="/api/importExcel1"
      :before-upload="beforeUpload1"
      :on-success="uploadSuccess1"
    >
      <el-button type="primary">导入Excel1</el-button>
    </el-upload>
    
    <el-upload
      action="/api/importExcel2"
      :before-upload="beforeUpload2"
      :on-success="uploadSuccess2"
    >
      <el-button type="primary">导入Excel2</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  methods: {
    beforeUpload1(file) {
      // 验证文件类型和大小等
      // 返回 false 可阻止上传
    },
    uploadSuccess1(response, file, fileList) {
      // 处理上传成功后的业务逻辑
    },
    beforeUpload2(file) {
      // 验证文件类型和大小等
      // 返回 false 可阻止上传
    },
    uploadSuccess2(response, file, fileList) {
      // 处理上传成功后的业务逻辑
    },
  },
}
</script>

在上述示例中，<el-upload>组件分别对应两个导入Excel按钮，分别指定了不同的接口地址、钩子函数和回调函数。你可以根据实际需求进行修改和扩展