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

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

目标:点击导入,将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里面就好

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

 

   

 

相关文章:

  • 2022-12-23
  • 2021-08-27
  • 2021-11-24
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-26
猜你喜欢
  • 2021-08-18
  • 2022-12-23
  • 2022-12-23
  • 2021-07-04
  • 2022-02-08
相关资源
相似解决方案