elementUI 上传.csv文件不成功 导入功能

前言:element上传excel文件   导入功能

目标:点击导入,将excel表格的数据填充到表格。

<el-upload
       class="upload-demo"
       :action="loadUrl"
       :on-success="handleSuccess"
       :headers="{'token':token}"
       :show-file-list="false"    
       type="primary">
     <el-button size="small" type="primary">导入</el-button>
</el-upload>

export default {
  data () {
    return {
      
loadUrl: this.$http.adornUrl('/basics/trainingschedule/save'), //上传文件的接口地址
      token: this.$util.getCookieValue('token'),  //如果需要token的话
    }
  },
  methods: {
    //导入成功要处理的事
    handleSuccess(){
    this.$message({
    showClose: true,
    message: '导入成功',
    type: 'success'
    });
    }
  }
}

注意:

:headers  是用来传其他的参数的 如token
用element上传,不像掉寻常接口一样,这里只需要填上传的接口地址,element的上传控件会做相关处理。如果有其他必填的参数
在输入到:header里面就好

 

   

 

posted on 2019-02-21 17:24  DFrain  阅读(672)  评论(0编辑  收藏  举报

导航