vue 导出到excel

安装 npm install file-saver xlsx --save-dev

import FileSaver from "file-saver";

import XLSX from 'xlsx'

//设置excel行高列宽
    auto_width (ws, data) {
      /*set worksheet max width per col*/
      const colWidth = data.map(row =>
        row.map(val => {
          /*if null/undefined*/
          return {
            wch: 18
          };
        })
      );
      /*start in the first row*/
      let resultc = colWidth[0];
      for (let i = 1; i < colWidth.length; i++) {
        for (let j = 0; j < colWidth[i].length; j++) {
          if (resultc[j]["wch"] < colWidth[i][j]["wch"]) {
            resultc[j]["wch"] = colWidth[i][j]["wch"];
          }
        }
      }
      ws["!cols"] = resultc;
      const rowHeight = data.map(row => {
        return {
          hpt: 15
        };
      });
      ws["!rows"] = rowHeight;
    },
    formatJson (filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => v[j]))
    },
    savetoExcel () {
      //excel数据导出
      let _ = this
      _.getalldataList()
      const tHeader = ['ID', '型号', '类型'];
      const filterVal = ['id', 'Model', 'Type'];
      const list = _.alldataList42       const data = _.formatJson(filterVal, list);
      data.unshift(tHeader);
      var ws_name = "列表"; //sheetname

      var wb = XLSX.utils.book_new(),
        ws = XLSX.utils.json_to_sheet(data);
      _.auto_width(ws, data);
      /* add worksheet to workbook */
      wb.SheetNames.push(ws_name);
      wb.Sheets[ws_name] = ws;

      const s2ab = s => {
        if (typeof ArrayBuffer !== 'undefined') {
          var buf = new ArrayBuffer(s.length)
          var view = new Uint8Array(buf)
          for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xff
          return buf
        } else {
          var buf = new Array(s.length);
          for (var i = 0; i != s.length; ++i) buf[i] = s.charCodeAt(i) & 0xFF;
          return buf;
        }
      }

      var wbout = XLSX.write(wb, {
        bookType: "xlsx",
        bookSST: false,
        type: "binary"
      });
      var title = "列表";
      FileSaver.saveAs(
        new Blob([s2ab(wbout)], { type: "application/octet-stream" }),
        title + ".xlsx"
      );
    },