5.electro n-vue js-xlsxをインストールし、Excelの導入とエクスポートを実現する

インストール
js-xlsxは簡単なJavaScriptプラグインで、Excel表を読み込んで書き込むことができます.機能は強いですが、手がちょっと難しいです.ここでよく使う使い方をいくつか挙げます.具体的な使い方はjs-xlsxを参照してください.

yarn add xlsx //   cnpm install -save xlsx

yarnインストール方式

npm install -g yarn

cnpm取付方式

npm install -g cnpm --registry=https://registry.npm.taobao.org

Excelをインポート
レンダリングプロセスディレクトリでsrc/render/main.jsは以下のように構成すればいいです.各UIコンポーネントの使い方はElement UIを参照してください.

...
import XLSX from 'xlsx'
...
var reader = new FileReader();
        reader.onload = function (e) {
          //      
          var binary = "";
          var bytes = new Uint8Array(e.target.result);
          var length = bytes.byteLength;
          for (var i = 0; i < length; i++) {
            binary += String.fromCharCode(bytes[i]);
          }

          /*    workbook */
          var wb = XLSX.read(binary, {
            type: 'binary'
          });

          /*      sheet */
          var wsname = wb.SheetNames[0];
          var ws = wb.Sheets[wsname];

          /* excel  json  ,  {header:1}     ，        */
          self.data = XLSX.utils.sheet_to_json(ws);
          console.log(self.data);
...

HtmlからExcelをエクスポートします.

  /* html   excel */
   var wb = XLSX.utils.table_to_book(document.getElementById('out-table'));
   /*     ，  D  */
   XLSX.writeFile(wb, "D://sheetjs_html.xlsx");

JsonからExcelをエクスポートします.

    /* json    excel */
    var worksheet = XLSX.utils.aoa_to_sheet(this.data);
    var new_workbook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(new_workbook, worksheet, "sheetjs");
    /*     ，  D  */
    XLSX.writeFile(new_workbook, "D://sheetjs_json.xlsx");

ソース
引き続きアップデートします.役に立つと思います.スターギthub&コードクラウドにお願いします.