首页 > 其他 > 详细

vue+element实现导入excel并拿到返回值

时间:2019-12-10 09:54:18      阅读:501      评论:0      收藏:0      [点我收藏+]
<template>
  <div class="main">
    <el-col :span="2">
      <el-upload
        class="upload-demo"
        :action="upUrl"
        accept=".xls,.xlsx"
        :data="upData"
        :on-success="upSuccess"
        :on-error="upError"
        :limit="1"
      >
        <el-button type="primary" icon="el-icon-upload">导入Excel</el-button>
      </el-upload>
    </el-col>
  </div>
</template>

<script>
import { commonGet, appServer, commonPost2 } from "@/api/api";
export default {
  data() {
    return {
      upUrl: appServer() + "systemManagement/system/importExcel",
      excel: []
    };
  },
  methods: {
    upSuccess(res) {
      this.$message({
        type: res.type,
        message: res.msg
      });
      this.excel = res.data;
      window.console.log(this.excel);
      alert(res.data[0]);
    },
    upError() {
      this.$message({
        type: "error",
        message: "上传失败!"
      });
    }
  }
};
</script>

<style></style>
 
技术分享图片

 

 

 

技术分享图片

 

 

vue+element实现导入excel并拿到返回值

原文:https://www.cnblogs.com/web-shu/p/12014595.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!