前端导出excel

参考

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标签可以使用