技术标签: vue
在工作中,遇到了一个问题,需要将列表中的数据整合到一个excel文件中,当用户需要的时候可以下载下来,记录一下这个问题的解决
export function exportList() {
const token = storage.get(ACCESS_TOKEN)
return axios({
method: 'get',
url: '/api/firefighting-system/proprietor/exportList',
headers: {
'Content-Type': 'application/json',
'X-Access-Token': token
},
// 返回类型选择的是blob格式
responseType: 'blob'
}).then(res => res)
}
exportList(route.query.id).then(res => {
const file = decodeURI(res.headers['content-disposition'].split(';')[1].split('=')[1])
const fileName = file.split('.')[0]
const fileSuffix = file.substring(file.length - 4)
// // 创建一个类文件对象:Blob对象表示一个不可变的、原始数据的类文件对象
const blob = new Blob([res.data], {
type: 'application/x-download;charset=utf-8' })
const link = document.createElement('a')// 创建一个a标签
// link.download = fileName// 设置a标签的下载属性
link.style.display = 'none'// 将a标签设置为隐藏
link.href = URL.createObjectURL(blob)// 把之前处理好的地址赋给a标签的href
link.setAttribute('download', `${
fileName.includes('%') ? fileName.substring(9, fileName.length) : fileName}${
fileSuffix}`)
document.body.appendChild(link)// 将a标签添加到body中
link.click()// 执行a标签的点击方法
URL.revokeObjectURL(link.href) // 下载完成释放URL 对象
document.body.removeChild(link)// 移除a标签
})
这样的话点击导出就会下载将数据下载成一个excel文件了,芜湖!!!
仅作记录!!!
文章浏览阅读506次,点赞14次,收藏17次。因合同中没有对APP给出明确的功能和性能要求,小邱首先借鉴其他项目的开发经验和成果确定了APP的主要便民服务功能,之后开发团队通过走访社区居民和在社区网发放调查问卷,搜集相关的需求。项目进展到第 70 天时,项目已完成总工作量的 3/4,花费 60 万元,请计算此时项目的PV、EV、SV 和 CV 值(假设项目每项活动的日工作量相同,计算结果精确到整数)。SWOT 技术从项目的每个(1)、劣势、(2)和(3)出发,对项目进行考察,把产生于内部的风险都包括在内,从而更全面的考虑风险。_每个活动的乐观、可能和悲观成本服从β分布,请计算每个活动的成本,并绘制项目的网
ACM-蓝桥杯训练第一周,复习基础模板题目,涉及前缀和、二分查找、sort排序等,加强学习二维前缀和、结构体排序、质数筛埃氏筛选法。
文章浏览阅读908次。拓展坞,键盘按键 弹不起来不知道什么问题,1、排除供电问题;2、排除键盘问题;_macbook 拓展键盘鼠标没反应
文章浏览阅读110次。spring security oauth2 通过拦截器获取此 token 完成令牌到当前用户信息(UserDetails)的转换。获取token在OAuth2AuthenticationProcessingFilter 里:OAuth2AuthenticationProcessingFilter.doFilterBearerTokenExtractor 里获取 token..._spring security oauth2.0 小程序获取token
文章浏览阅读99次。适用于vue的城市选择组件仓库地址基本功能:支持全选、反选以及全部清空。支持按拼音筛选。勾选省份将会勾选省份下所有城市。返回数据可灵活处理。安装npm install cn-region-picker # 或者 yarn add cn-region-picker用法组件引入:// import包import CnRegionPicker from 'cn-..._vue城市选择组件
文章浏览阅读7.1k次,点赞3次,收藏24次。STM32是ARM Cortex-M内核单片机。目前提供10大产品线(F0, F1, F2, F3, F4, F7, H7, L0, L1,L4),超过700个型号。STM32产品广泛应用于工业控制、消费电子、物联网、通讯设备、医疗服务、安防监控等应用领域,其优异的性能进一步推动了生活和产业智能化的发展。截至2017年4月,STM32全球出货量超过24亿颗。主流型MCUSTM32F0系列 – ARM Cortex-M0入门级MCU意法半导体基于ARM Cortex-M0的STM32F0系列单片机实现了_stm32m和stm32h
文章浏览阅读648次。ubuntu1604 64位安装海思V400编译器之后仍然报No such file or directory环境:ubuntu 1604 64位安装:arm-hisiv400-linux工具链安装成功后执行:arm-hisiv400-linux-gcc -v报错:bash: /opt/hisi-linux/x86-arm/arm-hisiv400-linux/target/bin/arm-hisiv400-linux-gcc: No such file or directory。但其实工具链已经安_hisilicon_v400
文章浏览阅读715次。设计模式(Design pattern)是对软件工程中经过反复实践、面临重大问题和再次出现时可以使用的一般化解决方案。设计模式是科学的创新方法论,可以帮助软件工程人员构建可维护、可扩展、易于理解、可复用的软件系统。1994年,四位计算机科学家提出了著名的“Gang of Four”(GoF)设计模式系列:1. 创建型模式:主要关注对象如何被创建;2. 结构型模式:主要关注类或对象的组合,比如代理、适配器、桥接等;3. 行为型模式:主要关注对象之间的通信,以及对象执行的职责分工;
文章浏览阅读2.5k次,点赞3次,收藏4次。github 使用“CLK_OF_DECLARE” 例子:点击查看github,使用该宏注册clkstatic void __init wm8650_pll_init(struct device_node *node){ vtwm_pll_clk_init(node, PLL_TYPE_WM8650);}CLK_OF_DECLARE(wm8650_pll, "wm,wm8650-p___clk_of_table
文章浏览阅读431次。自定义YUM仓库安装NGINXNGINX 官方站点获取仓库地址1、官方站点说明2、获取仓库地址自定义 YUM 仓库1、创建 repo 文件2、查看 repolist3、查看 nginx 信息安装 NGINX1、安装2、查看安装生成的文件nginx unit-fileNGINX 常用命令1、nginx -h2、nginx -VNGINX 官方站点获取仓库地址1、官方站点说明Website:h..._nginx repolist
文章浏览阅读433次。1.类package test10month.test1011;import java.util.Arrays;import java.util.List;import java.util.Map;/** * 功能描述: * @version 1.0 * @className ArrayListMap * @author: 罗德 * @create: 2020-10-11 21:53 */public class ArrayListMap { private String[]_arraylist通过xml配置
文章浏览阅读1.3w次。转载时请以超链接形式标明文章原始出处和作者信息及本声明http://amazingxiu.blogbus.com/logs/62781676.html 这几天闲来无事,在看如何安装RVDS4.0,也就是RealView Development Suite 4.0