“?最近在搞前端數據導出功能，所以就在網上查了一下，然后就使用，需要的小伙伴們可以看看，如果哪里寫錯了，記得留言，”

新建一個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

然后引入文件

然后使用這個方法

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

然后導出來數據是這個樣子

?

總結

以上是生活随笔為你收集整理的前端怎么导出表格_前端如何导出表格数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。