用纯js的方法实现生成cvs文件，避免使用多余插件
首先写一个下载方法，我是在vue里面实现的，其实和普通html一样只不过是引用实例的方式不同而已
downloadActorData(){
var that = this;
//列标题，逗号隔开，每一个逗号就是隔开一个单元格
var str = `UserName,Name,TypeId,Type\n`;
var data={
list:[
{
"id":01
"name":"张三"
}
]
}
for(var item in data.list) {
str += `${ item .id},`;
str += `${ item .name}`;
str += "\n";
});
}
that.exportAndDownloadCSV(str);//此处调用生成cvs文件方法
// console.info(that.$data.dsActorList);
});
},
生成cvs方法
exportAndDownloadCSV(str){
let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
console.log(str);
//通过创建a标签实现
let link = document.createElement("a");
link.href = uri;
//对下载的文件命名
link.download = "export.csv";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
},
详细html参考博文链接https://blog.csdn.net/hhzzcc_/article/details/80419396
这个链接说的会更加详细一下，我这个只是为了实现功能做出来的一个小笔记
