> 使用blob流下载Excel文档
```
this.$api.exportData(this,'admin/u/p/order/grow/rate/export',{
createTime:this.createTime,
content: this.content}).then(res =>{
const content = res
let blob = new Blob([content],{
type: "application/ms-excel"
})
let url = window.URL.createObjectURL(blob)
if ('download' in document.createElement('a')) {
let link = document.createElement('a')
link.style.display ='none'
link.href = url
link.setAttribute('download','订单增长率.xls')
document.body.appendChild(link)
link.click()
}else{
navigator.msSaveBlob(blob, 'excel.xls')
}
})
},
```
*****
```
exportDownload() { //..导出订单折扣明细表
this.loading = true
this.timeData.push(this.formData.time\[0\]) //..开始时间
this.timeData.push(this.formData.time\[1\]+ 24\*60\*60\*1000) //..结束时间选择当天加上一天
this.$api.exportData(this,'admin/u/p/order/orderDiscountDownLoad',{
type: this.formData.type, //..订单类型
time: this.timeData, //..订单时间
businessUnitId: this.formData.businessUnitId, //..事业部ID
itemCode: this.formData.itemCode, //..货品编码
status: this.formData.status //..订单状态
}).then(res =>{
this.loading = false
if(res.code == undefined) {
<!-- 请求成功后的操作 -->
this.timeData = [] //..成功下载Excel后初始化选中时间
this.formData.status = [] //..成功夏侯Excel后初始化订单状态
}
const content = res
let blob = new Blob(\[content\],{
type: "application/ms-excel"
})
let url = window.URL.createObjectURL(blob)
if ('download' in document.createElement('a')) {
let link = document.createElement('a')
link.style.display ='none'
link.href = url
link.setAttribute('download','订单折扣明细表.xls')
document.body.appendChild(link)
link.click()
}else{
navigator.msSaveBlob(blob, '订单折扣明细表.xls')
}
})
},
```
- 前言
- 写在前言
- 一些开发遇到的问题
- H5标签中的属性控制
- el-table的每个对象的属性值
- el-form多个表单同时验证必填项
- el-table 修改表头
- el-input的多种验证
- vue键盘回车事件
- blob导出
- table中selectable( 是否勾选)
- 手动更新视图
- 日期选择器,自定义可选范围
- select 自定义搜索
- 监听回车事件
- 表格初始化不可勾选
- el-input输入限制
- table时间格式转换
- table自适应高度
- JS问题记录
- js字符数组转换为数字数组
- js防抖和节流
- JS电脑是否有网判断
- JS属性记录
- 遍历方法(12个)
- 改变原数组(9个)
- 不改变原数组(8个)
- JS数组、字符串常用方法
- 遍历对象
- Vue
- vue-router
- vue-router 如何在新窗口打开页面
- vue-router 之 keep-alive缓存篇
- keep-alive项目案例
- 路由知识点归纳总结
- params、query传参
- vue问题记录
- vuejs npm chromedriver 报错
- vuex
- vuex个人理解
- Vuex的简单实例应用