vue2.0使用Excel导入导出

最新推荐文章于 2024-08-06 16:10:14 发布

晓太白

最新推荐文章于 2024-08-06 16:10:14 发布

阅读量2.1k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_31634461/article/details/89153381

版权

本文介绍了在Vue2.0项目中如何实现Excel的导入导出功能。首先，通过npm安装file-saver、xlsx和script-loader依赖。接着，将Blob.js和Export2Excel.js文件引入项目。由于部分文件不支持import，使用script-loader将其挂载到全局环境。最后，展示了如何使用export_json_to_excel方法下载Excel文件，包括定义表头、筛选字段和数据格式化等步骤。

摘要由CSDN通过智能技术生成

一、安装三个依赖包
　　npm install -S file-saver
　 npm install -S xlsx
　　npm install -D script-loader
　　
二、按照图中路径把Blob.js和 Export2Excel.js这两个文件夹放到文件夹内
在这里插入图片描述
Blob.js源码地址 https://github.com/eligrey/Blob.js/blob/master/Blob.js
Export2Excel.js 源码

/* eslint-disable */
require('script-loader!file-saver');
require('script-loader!@/vendor/Blob');
require('script-loader!xlsx/dist/xlsx.core.min');
function generateArray(table) {
  var out = [];
  var rows = table.querySelectorAll('tr');
  var ranges = [];
  for (var R = 0; R < rows.length; ++R) {
    var outRow = [];
    var row = rows[R];
    var columns = row.querySelectorAll('td');
    for (var C = 0; C < columns.length; ++C