关于前端通过json生成cvs文件

用纯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

这个链接说的会更加详细一下，我这个只是为了实现功能做出来的一个小笔记