輸出は、VUEのテーブルに秀でます

初心者のためのVueの開発は、Excelのスプレッドシートをエクスポートするポストの数を確認するために、フロントエンドのプロジェクトにしようと、学ぶために、ピットの多くを踏ん、あなたと一緒にいくつかの経験を共有するために来ます。

インストールが依存します

1つの // NPM 
 2 NPMファイル・セーバーをインストールする- S 
 3 NPMはXLSXをインストールする- S
 4 NPMインストール-Dスクリプトローダ

2つのJSファイルをインポート
Blob.jsとExport2Excel.js srcディレクトリのフォルダに新しいベンダー（ファイル名は変更することが最善ではありません、そうでなければ、偉大な神を除いて、無限の悩みを持っています！）、 Blob.jsとExport2Excel.js 2 JSを置きますファイル。このようなカタログ何か：

ケースによって
二つのパケットの導入main.js

輸入ブロブから「./vendor/Blob」
輸入Export2Excel から」./vendor/Export2Excel.js'
Export2Excel.jsを変更
マップ上の、言うのは難しいです。

パス独自のファイルの場所への主な変更

このページのVUEでファイルをエクスポートする2つのメソッドを書きます

export2Excel（）{ 
          require.ensure（[]、（） => { 
            CONST} {export_json_to_excel =必要とする（ './ベンダー/ Export2Excel' ）;
             // ヘッド 
            CONST tHeader = [ '時間'、 'アドレス'、 'name'の];
             // タグ対応 
            のconst filterVal = [「DATE」、「アドレス」、「名」];
             // タグは、構造体の配列に対応するコンテンツである             
            のconst =一覧表示し、この.tableDataを;
             // 私にはわからない乾式法まあ 
            constのデータ= この.formatJson（filterVal、リスト）; 
            export_json_to_excel（tHeader、データ、「リストエクセル」）; 
          }）
        }、
formatJson（filterVal、jsonData）{ 
    戻り jsonData.map（V => filterVal.map（J => V [J]））
}、

[OK]をexpert2Excel（）関数をトリガするボタン

リマーク
最初の書き込みが共有するために、良い例を教えへのリンクを統合し、理解できないことがあります。

https://www.cnblogs.com/myfirstboke/p/8243800.html

https://www.jb51.net/article/129695.htm

https://www.jianshu.com/p/3f78590ba194

https://www.jb51.net/article/149084.htm

輸出は、VUEのテーブルに秀でます

インストールが依存します

2つのJSファイルをインポート

おすすめ