之前在博客中写了使用 FileSaver.js对文件进行读写，这次分享的是 使用FileSaver实现前端导出页面数据到excel

首先引入fileSave.js   

import '~/lib/file-saver/dist/FileSaver.min.js';

html:  
     
                      
                       
                            
区域编号
                            
区域名称
                            
分店编号
                            
分店名称
                            
现金
                            
银行卡
                            
微信
                            
支付宝
                            
会员（储值）
                            
会员（券）
                            
美团外卖支付
                                                        
美团支付
                            
银行积分兑换
                            
挂账
                            
合计
                                                   
                      
                      
       
      
                      
                       
                            
{
    {item.areaId}}
                            
{
    {item.areaName}}
                            
{
    {item.shopId}}
                            
{
    {item.shopName}}
                            
{
    {item.xj}}
                            
{
    {item.yhk}}
                            
{
    {item.wx}}
                            
{
    {item.zfb}}
                            
{
    {item.hycz}}
                            
{
    {item.hyq}}
                            
{
    {item.mtwmzf}}
                                                        
{
    {item.mtzf}}
                            
{
    {item.yhjfdh}}
                            
{
    {item.gz}}
                            
{
    {item.hj}}
                       
                      
                 

　　

js:         var blob = new Blob([document.getElementById('exportable').innerText], {//通过id来exportable获取所有子节点下面得文字

type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" }); //文件类型  　　　 saveAs(blob, "按收银员汇总.xls");//使用saveAs保存数据到excel