前端怎么导出表格_前端如何导出表格数据

“ 最近在搞前端数据导出功能，所以就在网上查了一下，然后就使用，需要的小伙伴们可以看看，如果哪里写错了，记得留言，”

新建一个js文件

function outputTable (tableData) {  console.log(tableData)  var header = []  for (var key in tableData[0]) {    header.push(key)  }  var contents = []  // contents.push(header);  for (let i = 0; i < tableData.length; i++) {    var content = []    for (let item in tableData[i]) {      content.push(tableData[i][item])    }    contents.push(content.join(','))  }  var stri = contents.join('\r\n')  // encodeURIComponent解决中文乱码  let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(stri)  console.log(encodeURIComponent(uri))  // 通过创建a标签实现  var link = document.createElement('a')  link.href = uri  // console.log(link)  // 对下载的文件命名，这个地方是可以修改的  link.download = '某某名称.csv'  document.body.appendChild(link)  link.click()  document.body.removeChild(link)}export default outputTable

然后引入文件

然后使用这个方法

当然我的把不需要的去掉，然后中英文切换，所以

然后导出来数据是这个样子

‍