vue 纯前端导出 excel 表格

https://www.cnblogs.com/shenjp/p/11398232.html

 

 

在开发后台管理系统的时候，很多地方都要用到导出excel 表格，比如将table中的数据导出到本地，那么实现这种需求往往有两种方案：

一、后端开发一个下载链接，前端将这个链接放到 a 标签的 href 中，一点就能下载。

　　优点：对于前端来说实现简单，不用写过多的代码，也不依赖第三方库，兼容性好

　　缺点：如果前端操作数据更改了，需要发给后端才能导出

二、前端借助一些第三方库实现

下面以vue项目为例：

首先需要安装三个依赖

npm install file-saver xlsx -S
// 加载script 需要
npm install script-loader -D

或者使用 yarn 安装

yarn add file-saver xlsx -S
yarn add script-loader -D

在 /src 目录下新建 vendor文件夹，用于存放 Blob.js 和 Export2Excel.js 文件，这两个文件可以再 CSDN 上下载，当然如果没有积分的 可以去我的 gitHub 上下载。

注意：如果不叫 vendor 名字࿰