vue导出excel表格及合并单元格

安装

npm install file-saver -S
npm install xlsx -S
npm install -D script-loader

导入两个文件

在src目录下新建一个vendor(可以是别的名字,但是导入时需注意,没事别改,大神请忽略)目录,目录下放新建两个文件Blob.js和Export2Excel.js

Blob.js

/* eslint-disable */
/* Blob.js*/

/*global self, unescape */
/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
  plusplus: true */

/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */

(function (view) {
   
  "use strict";

  view.URL = view.URL || view.webkitURL;

  if (view.Blob && view.URL) {
   
    try {
   
      new Blob;
      return;
    } catch (e) {
   
    }
  }

  // Internally we use a BlobBuilder implementation to base Blob off of
  // in order to support older browsers that only have BlobBuilder
  var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function (view) {
   
    var
      get_class = function (object) {
   
        return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
      }
      , FakeBlobBuilder = function BlobBuilder() {
   
        this.data = [];
      }
      , FakeBlob = function Blob(data, type, encoding) {
   
        this.data = data;
        this.size = data.length;
        this.type = type;
        this.encoding = encoding;
      }
      , FBB_proto = FakeBlobBuilder.prototype
      , FB_proto = FakeBlob.prototype
      , FileReaderSync = view.FileReaderSync
      , FileException = function (type) {
   
        this.code = this[this.name = type];
      }
      , file_ex_codes = (
        "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
        + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
      ).split(" ")
      , file_ex_code = file_ex_codes.length
      , real_URL = view.URL || view.webkitURL || view
      , real_create_object_URL = real_URL.createObjectURL
      , real_revoke_object_URL = real_URL.revokeObjectURL
      , URL = real_URL
      , btoa = view.btoa
      , atob = view.atob

      , ArrayBuffer = view.ArrayBuffer
      , Uint8Array = view.Uint8Array

      , origin = /^[\w-]+:\/*\[?[\w\.:-]+\]?(?::[0-9]+)?/
    ;
    FakeBlob.fake = FB_proto.fake = true;
    while (file_ex_code--) {
   
      FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
    }
    // Polyfill URL
    if (!real_URL.createObjectURL) {
   
      URL = view.URL = function (uri) {
   
        var
          uri_info = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
          , uri_origin
        ;
        uri_info.href = uri;
        if (!("origin" in uri_info)) {
   
          if (uri_info.protocol.toLowerCase() === "data:") {
   
            uri_info.origin = null;
          } else {
   
            uri_origin = uri.match(origin);
            uri_info.origin = uri_origin && uri_origin[1];
          }
        }
        return uri_info;
      };
    }
    URL.createObjectURL = function (blob) {
   
      var
        type = blob.type
        , data_URI_header
      ;
      if (type === null) {
   
        type = "application/octet-stream";
      }
      if (blob instanceof FakeBlob) {
   
        data_URI_header = "data:" + type;
        if (blob.encoding === "base64") {
   
          return data_URI_header + ";base64," + blob.data;
        } else if (blob.encoding === "URI") {
   
          return data_URI_header + "," + decodeURIComponent(blob.data);
        }
        if (btoa) {
   
          return data_URI_header + ";base64," + btoa(blob.data);
        } else {
   
          return data_URI_header + "," + encodeURIComponent(blob.data);
        }
      } else if (real_create_object_URL) {
   
        return real_create_object_URL.call(real_URL, blob);
      }
    };
    URL.revokeObjectURL = function (object_URL) {
   
      if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
   
        real_revoke_object_URL