vue中excel表格导出功能

 

1.安装

Export2Excel.js 将数据导出为 excel 的功能，是依赖于 file-saver 和 xlsx 两个包。

npm i file-saver -S

2.创建

在根目录下面创建一个名为vendor的文件夹(文件夹名字可自定义，只要和下面使用的文件夹名字一致即可)，在vendor下面创建Export2Excel.js,下面的代码直接复制到js文件即可

/* eslint-disable */
import { saveAs } from 'file-saver'
import * as XLSX from 'xlsx'

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) {
      var cell = columns[C];
      var colspan = cell.getAttribute('colspan');
      var rowspan = cell.getAttribute('rowspan');
      var cellValue = cell.innerText;
      if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;

      //Skip ranges
      ranges.forEach(function (range) {
        if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
          for (var i = 0; i <&