Vue 导出csv文件

//安装依赖
npm install json2csv -s

//导入
import json2csv from "json2csv";

//数据格式,只能导出对象下的基础类型,数组,对象无法导出
data(){
    return {
        list:[
            {
                name:'xxx',
                old:'xxx',
            }
        ]
    }
}

//csv导出
methods(){
    downCsv(){
        const csv = json2csv.parse(this.list, {
          // fields: fields,
          excelStrings: true
        });
        if (this.MyBrowserIsIE()) {
            var BOM = "\uFEFF";
              // 文件转Blob格式
            var csvData = new Blob([BOM + csv], { type: "text/csv" });
            navigator.msSaveBlob(csvData, `123.csv`);
        }else{
            let csvContent = "data:text/csv;charset=utf-8,\uFEFF" + csv;
            // 非ie 浏览器
            this.createDownLoadClick(csvContent, `123.csv`);
        }
    }
},
//判断是否IE浏览器
MyBrowserIsIE() {
      let isIE = false;
      if (
        navigator.userAgent.indexOf("compatible") > -1 &&
        navigator.userAgent.indexOf("MSIE") > -1
      ) {
        // ie浏览器
        isIE = true;
      }
      if (navigator.userAgent.indexOf("Trident") > -1) {
        // edge 浏览器
        isIE = true;
      }
      return isIE;
},
//创建a标签下载
createDownLoadClick(content, fileName) {
   const link = document.createElement("a");
   link.href = encodeURI(content);
   link.download = fileName;
   document.body.appendChild(link);
   link.click();
   document.body.removeChild(link);
}