フロントエンドexcelのエクスポート

8652 ワード

リファレンス
outerHTML:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/outerHTML

Blob:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob#  

js
     *   excel
     */
    exportTable(ele) {
        //   outerHTML      table   HTML  (    ),          HTML  ,  charset urf-8       
        const html = '' + ele.outerHTML + '';
        //      Blob  ,                     ,                 
        const blob = new Blob([html], { type: 'application/vnd.ms-excel' });
        //   URL.createObjectURL()   a    blob URL
        window.location.href = URL.createObjectURL(blob);
   
    }

 
 

html

 

  
    
{{th}}
{{pagination.offset+i+1}}
{{item.name}}
{{item.shopkeeper}}
{{item.province+item.city+item.county}}
{{item.mobile}}
{{item.shop_avg}}
{{item.company_avg}}
{{item.count_time}}

    table