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里面就好