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
https://panjiachen.github.io/vue-element-admin-site/feature/component/excel.html#excel-export