vue项目的导出功能

说到导出功能有很多种方式，今天我也来写一种，纯js的导出功能，可用于项目当中，可用于项目当中，可用于项目当中。重要的事情说三遍，现在开始

 let url = window.URL.createObjectURL(new Blob([res]))let link = document.createElement('a')link.style.display = 'none'link.href = urllet fileName = '政策绩效.xlsx'link.setAttribute('download', fileName)document.body.appendChild(link)link.click()document.body.removeChild(link)

这是没有封装的，你也可以把它封装起来，那里需要导出的时候直接调用就可以了。

注意：这里只能导出全部的数据，不能按条件查询到数据，然后导出查询到的数据。其实要这样做也很简单，就是把后端搜索的字段传进去就行了。

policyPerformanceExport(this.searchParams()).then((res) => {let url = window.URL.createObjectURL(new Blob([res]))let link = document.createElement('a')link.style.display = 'none'link.href = urllet fileName = '政策绩效.xlsx'link.setAttribute('download', fileName)document.body.appendChild(link)link.click()document.body.removeChild(link)})

policyPerformanceExport这个是后端导出的接口，this.searchParams()这个是我封装的查询条件。是不是很简单。希望能帮到同学们！

vue项目的导出功能相关推荐

Vue 项目excel导出功能
一.思路前端主导(工作大量在前端) 二.新建文件夹及文件新建src/vendor/export2Excel.js 示例代码:示例地址 /* eslint-disable */ import { s ...
vue项目搜索历史功能的实现
vue项目搜索历史功能的实现播放器项目中歌曲搜素页面的首先需要在state定义搜索历史,在其中保存搜索历史 state.js:<br>// 搜索历史: searchHistory: [ ...
node.js/VUE项目中导出excel表格的多种实现方法（D2admin适用）
方法一.vue+js-xlsx 1.vue项目内安装两个依赖:xlsx.file-saver npm install xlsx --save npm install file-saver --sa ...
系统项目报表导出功能开发
与正常的导出功能不同,应局方要求需要导出一些截至当前的工程采集状态.提交审核状态等字段.该一类字段需要在导出时进行实时统计并且比较耗时. 1. 前期统计方式:单线程全量统计并返回前端问题:根据当时统 ...
「Vue To Words」 - 教你在Vue项目中导出Word文档（包含表格合并，图片修改大小）
前言:最近在项目中遇到了,vue页面需要导出word文档,今日就进行记录一下,如有不对的地方,还请见谅 ^^ 简单说一下需求:需要导出的页面是表格页面,因为包含表格的嵌套和合并,其实最主要的就是导出页 ...
vue中excel导出功能
将vue-element-admin中的src/vendor/export2Excel复制到本项目中,直接使用插件包位于src/vendor/export2Excel中,采用的是按需引入的方式什么 ...
在VUE项目中导出excel——简单使用xlsx
在大量的项目开发和使用过程中,我们经常会遇到需要将某些数据导出为excel的操作,这里介绍一个很简单的导出方案--xlsx... 插件安装网络好就直接使用 npm install xlsx -S 网 ...
vue 项目检测新版本功能
简单代码就可以为 vuecli 项目实现检测新版本功能当发布新版本后用户本地经常会有缓存情况, 为了让用户知道产品是否有新版本推送并不值得集成websocket长链接, 所以用一种更简单的方式来实现 ...
[Vue项目实战]登录功能实现
登录功能实现写在前面登录概述登录业务流程登录业务的相关技术点登录---token原理分析登录功能实现登录页面的布局在components文件下创建一个vue文件配置路由(并添加路由重 ...

vue项目的导出功能

说到导出功能有很多种方式，今天我也来写一种，纯js的导出功能，可用于项目当中，可用于项目当中，可用于项目当中。重要的事情说三遍，现在开始

注意：这里只能导出全部的数据，不能按条件查询到数据，然后导出查询到的数据。其实要这样做也很简单，就是把后端搜索的字段传进去就行了。

vue项目的导出功能相关推荐

最新文章

热门文章