前端做table下载excel功能

       var str = '京东卡号,金额,姓名,手机号\n';

         const detailListExcel = this.detailDownList.map(item =>{

           return {

             cardNo: item.cardNo,

             prizePrice: item.prizePrice,

             userName: item.userName,

             mobile: item.mobile

           }

         })

         //具体数值 遍历

       for(let i = 0 ; i < detailListExcel.length ; i++ ){

          for(let item in detailListExcel[i]){

        //增加\t为了不让表格显示科学计数法或者其他格式

        //此处用`取代'，具体用法搜索模板字符串 ES6特性

            str+=`${detailListExcel[i][item] + '\t,'}`;   

          }

          str+='\n'; 

         }  

       let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);

       var link = document.createElement("a");

       link.href = uri;

       link.download = "掌上保奖品发放明细.csv";

       document.body.appendChild(link);

       link.click();

       document.body.removeChild(link);

    }