1、文件上传el-upload
数据导入
action: 需要导入的数据源地址
headers:大多数情况下,前后端接口请求会有加密token处理,这时候就需要修改对应的header请求头
on-success: 上传成功之后的一些处理
2、文件的下载
1el-button class="import-btn" @click="handleDownListModelClick"下载模板/el-button
直接通过点击事件来触发需要下载的接口地址
需要注意的是,如果对接的后端接口没有进行二进制数据处理,则需要在请求头中添加
1responseType = 'blob' // 与headers是平级的
通过点击事件--调用接口请求,返回对应的二进制编码,(有可能接口已经处理过),那直接转换成我们需要的下载URL即可
注意,如果项目中使用了mock.js需要在vuejs项目中的main.js中注释掉,不然返回的二进制编码会带入mock的数据导致无法正确转码,具体原因。。。还在研究中。
以上就是,基于elemen-ui的文件的上传与下载。
(责任编辑:范老师)