輸出Excelのテーブルを達成するために、VUE関数法

//輸出Excelスプレッドシート
handleExportExcelFn(){
  // JSONデータをエクスポートします
  jsonData =定数[
    {
      名前:「通行人」
      電話: '123456'、
      電子メール:'[email protected] "
    }、
    {
      名前: '飼料B'、
      電話: '123456'、
      電子メール:'[email protected] "
    }、
    {
      名前:「プロパ盗賊」、
      電話: '123456'、
      電子メール:'[email protected] "
    }、
    {
      名前: 'ローグD'、
      電話: '123456'、
      電子メール:'[email protected] "
    }]。
    //列見出し
    strが '<TR> <TD>名前</ TD> <TD>電話</ TD> <TD>のメールボックス</ TD> </ TR>' =ましょう。
    //各列を通るループが追加されたTRタグ、各タグセルプラスTD
    ため(LET i = 0; iがjsonData.lengthを<; iは++){
      STR + = '<TR>';
      {([I] jsonDataの項目を聞かせて)ため
        科学表記または他のフォーマットを示し//テーブルを維持するには、\ tを追加します。
        STR + = '<TD> $ {jsonData [I] [アイテム] + '\ T'} </ TD> `。
      }
      STR + = '</ TR>';
    }
  //ワークシート名
  聞かせてワークシート=「シート1」
  聞かせてのuri = 'データ:;、base64でアプリケーション/ vnd.ms-エクセル';
  //ダウンロード可能なスプレッドシートのテンプレートデータ
  テンプレートを聞かせて= `
        <HTMLのxmlns:O = "壷:スキーマ - マイクロソフト - com:office:オフィス"
          xmlns:X = "壷:スキーマ - マイクロソフト - com:office:エクセル"
          xmlns = "http://www.w3.org/TR/REC-html40">
        <メタ文字セット= "UTF-8">
        <ヘッド> < - [GTEのMSO 9の場合]!> <XML> <X:ExcelWorkbook> <X:ExcelWorksheets> <X:ExcelWorksheet>
          <X:名> $ {ワークシート} </ X:名前>
          <X:WorksheetOptions> <X:DisplayGridlines /> </ X:WorksheetOptions> </ X:ExcelWorksheet>
          </ X:ExcelWorksheets> </ X:ExcelWorkbook> </ XML> <![endifの] - >
        </ head>の
        <身体>
          <TABLE> $ {STR} </ TABLE>
        </ BODY>
        </ HTML>
        `;
  //テンプレートのダウンロード
  window.location.href = URI + this.base64(テンプレート)
}、
// base64でエンコードされた出力
BASE64(S){戻りwindow.btoa(アンエスケープ(encodeURIComponentで(S)))}、

おすすめ

転載: www.cnblogs.com/dongyuezhuang/p/11429637.html