Vue+Element前端导入导出Excel

 1 <el-upload
 2     class="upload-demo"
 3     :action="uploadUrl()"
 4     :limit="1"
 5     :data="uploadParams"
 6     accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
 7     :on-exceed="handleExceed"
 8     :on-success="handleSuccess"
 9     :show-file-list="false"
10 >
11     <el-button size="small" plain>导入</el-button>
12     <div slot="tip" class="el-upload__tip">只能上传xlsx/xls文件</div>
13 </el-upload>

1 computed: {
2    uploadParams() {
3        let params = {
4            importType: this.$route.params.wenjuanleixing
5        };
6        return params;
7    }
8 }

 1 // execl-上传相关
 2 handleExceed(files, fileList) {
 3     this.$message.warning('只能上传一张execl表');
 4 },
 5 uploadUrl() {
 6     return '/sdkseaunion/execlImportApi/importInspect';
 7 },
 8 handleSuccess(file, fileList) {
 9    let { shipName } = file.data.biaotiItems;
10    this.$router.push({
11       path: `/questionDetail/add/${shipName}/${this.$route.params.wenjuanleixing}`
12    });
13 }

https://segmentfault.com/a/1190000018993619

vue-element-admin版本

https://panjiachen.github.io/vue-element-admin-site/feature/component/excel.html#excel-export

https://blog.csdn.net/zhs961120/article/details/103182916?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase