vue js 将数据导出到CSV表格

需要使用第三方工具

yarn add csv-exportor

安装后 引入使用

import CsvExportor from 'csv-exportor'

          
            let heads = ['name', 'mark', "age"]  // csv表格的头部
            let csvData = []    // csv表格的内容
            let arrNew = [
                {name:"111", mark: "wowo", age: "30" },
                {name:"222", mark: "nnn", age: "30" },
                {name:"333", mark: "ttt", age: "30" },
            ]
            for(let i=0; i<arrNew.length; i++) {
				let obj = arrNew[i];    // 每行都是obj
				csvData.push({
					[heads[0]]: obj.name,
					[heads[1]]: obj.mark,
                    [heads[2]]: obj.age,
				})
			}
			
			// 导出csv文件:
			CsvExportor.downloadCsv(
				csvData,
				{ header: heads }, 
				'文件.csv'
			)