如何将数据导出为Excel

大家做过一些后台管理项目的话，估计对这个需求都不陌生，今天在此记录两种方法：

1. 使用CSV格式实现（伪）

首先要说的是，这个方法并不是生成真正的excel文件，而是可以通过其打开的CSV文件（excel通过操作后csv可转为excel）。这个格式其实就是一种用逗号分隔的文件，如下图：

可以看到，都是逗号拼接的。这个实现方式好处就是简单，十多行代码搞定，不需要引入庞大的库。坏处就是这个格式用excel打开全都挤在一起。不多说，上代码

//要导出的json数据
                const jsonData = this.data.map(item=>{
                    delete item.key
                    return item
                })
                let str = []
                this.columns.forEach(item=>{
                    str.push(item.title)
                })
                str = str.join(',') + '\n'
                //列标题，逗号隔开，每一个逗号就是隔开一个单元格
                //增加\t为了不让表格显示科学计数法或者其他格式
                for(let i = 0 ; i < jsonData.length ; i++ ){
                    for(let item in jsonData[i]){
                        str+=`${jsonData[i][item] + '\t'},`;
                    }
                    str+='\n';
                }
                //encodeURIComponent解决中文乱码
                let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
                //通过创建a标签实现
                let link = document.createElement("a");
                link.href = uri;
                //对下载的文件命名
                link.download =  `${this.$route.meta.title}.csv`;
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);

其中jsonData为我工作中进行转换成所要格式数据，str也如此。想直接复制粘贴就跑起来的朋友分别设置为

jsonData: "[{"id":26,"attrNum":"SX0026","attrName":"上限","inpu…rieval":1,"retrievalType":1,"groupName":"基础属性1"}]", str: "["属性名","属性编号","属性约束","分组名称","输入类型","检索支持","业务类型","操作"]"