Vueの遠位JS-XLSX輸出エクセルの三つの方法

NPM インストール- - 保存XLSX ファイル- セーバー

アセンブリ組み込ま内部

輸入FileSaver から 「ファイル・セーバー」
    インポートXLSX から 「XLSX 」

#outTableエル・テーブルにIDを定義した場合に最初に

exportExcel（）{
       VAR xlsxParam = {RAW：の真 }; // Excelへの変換、元の形式の使用
      VARを WB = XLSX.utils.table_to_book（document.querySelector（" #outTable "）、xlsxParam）; // outTableのリストIDの
      VAR wbout = XLSX.write（WB、{
        ブックタイプ：" XLSX " 、
        bookSST：真、
        タイプ：「配列」
      }）;
      してみてください{
        FileSaver.saveAs（
          新たな BLOB（[wbout]、{タイプ：" アプリケーション/オクテットのストリーム;のcharset = UTF-8 " }）、
           " sheetjs.xlsx "
        ）;
      } キャッチ（E）{
         場合（typeof演算コンソール==！" 未定義" ）はconsole.log（E、wbout）。
      }
      返す wbout; 
}

配列を介して第2の輸出エクセル

      だっ _data = [

        [ " ID "、     " 名前"、" 値" ]、

        [     1、" sheetjs "、     7262 ]、

        [     2、" JS-XLSX "、     6969 ]

      ];
      CONST WS = XLSX.utils.aoa_to_sheet（_data）。

      / * ブックを生成し、ワークシートを追加する* / 
      constの WB = XLSX.utils.book_new（）。
      XLSX.utils.book_append_sheet（WB、WS、' シート1 ' ）;

      / * ファイルに保存* / 
      XLSX.writeFile（WB、' SheetJS.xlsx '）;

JSONによって第三の輸出エクセル

エクスポートExcelは（）{ 

た wopts = {

        ブックタイプ：' XLSX ' 、
        bookSST：真、
        タイプ：「バイナリ」
      }。
      VARブック= {
        SheetNames：[ ' Sheet1の' ]、
        シート： {}、
        小道具：{}
      }。
      VaRのテーブル= [];
        用（varが iは= 0 ; I < 本 .multipleSelection.length; I ++ ）{
           VAR  のparams = {
            姓名：この.multipleSelection [I] .nameの、
            部門：この.multipleSelection [i]の.department、
            役職：この.multipleSelection [i]の.titles、
            ファイル番号：この.multipleSelection [I] .fileNum、
            チェック状態：この.multipleSelection [I] .verifyStatus、
            ステータス監査：この.multipleSelection [I] .checkedStatus、
            备注：この.multipleSelection [i]の.checkedReason、
          }
          テーブル[I] = paramsは
      }。
      // 1、XLSX.utils.json_to_sheet（データ）を受信し、自動的に「タイトル」ワークシート、デフォルトのカラムを使用Object.keysの主要分野の出現順序によって決定されるが生成されたオブジェクトのキーに基づいてオブジェクトの配列を返します
       // 2は、データを出力待機にワークブックシートオブジェクト 
      workBook.Sheets [ 「シート1 」 ] = XLSX.utils.json_to_sheet（表）。

      // 。3、XLSX.write（）Excelスプレッドシートの書き込みを開始し
       // 。4、changeData（）所望の出力フォーマットにデータを処理 
      FileSaver.saveAs（新しい新しいブロブ（[ この .changeData（XLSX.write（ブック、wopts））] 、{タイプ：' ファイルアプリケーション/オクテットストリーム' }）、" sheetjs.xlsx " ）
    }、
     changeData（S）{

    // もしArrayBufferオブジェクトは、オブジェクトが好ましく用いられる（ES6）が存在する
    IF（typeof演算 ArrayBuffer！== ' 不定' ）{

      // 1、メモリ領域s.lengthのバイト長を作成
      するvar BUF = 新しい新しいArrayBuffer（s.length）を、

      // 2、バッファの末尾までのバイト0から始まる、単位8のBUFを表示するには、リンクを作成
      VARビュー= 新新Uint8Array（BUF）。

      // 3は、指定された位置のUnicode文字エンコーディング返す
      ため（VARを私は= 0、I = s.length ;! I ++）ビュー[I] = s.charCodeAt（I）＆0xFFで、
       戻りBUF。

    } 他{
       VARの BUF = 新しいアレイ（s.length）。
      以下のために（VAR私は= 0 ; I = s.lengthを！; ++ I）BUF [i]を= s.charCodeAt（I）＆0xFFで、
      リターンBUF。
    }
  }、

データフィールドを使用すると、以下の方法を用いて導出することができる必要がJSONを選択している場合は、選択したデータをエクスポートするための第三の適切な

ワークシート= CONST 
  XLSX.utils.json_to_sheet（this.multipleSelection、{ 
    ヘッダ：[ '列1'、 '列2'、 '列3 '列1'、 '列2'、 '列3'「カラム1 ''列2「]、
    skipHeader：trueに//上方ヘッダー行をスキップ
  }）; 
CONST WS = XLSX.utils.aoa_to_sheet（ワーク）; 
CONST XLSX.utils.book_new WB =（）; 
XLSX.utils.book_append_sheet （WB、WS、 'シート1'）; 

/ *ファイルに保存します* / 
XLSX.writeFile（WB、 'SheetJS.xlsx'）;

Vueの遠位JS-XLSX輸出エクセルの三つの方法

おすすめ