“?最近在搞前端數(shù)據(jù)導(dǎo)出功能，所以就在網(wǎng)上查了一下，然后就使用，需要的小伙伴們可以看看，如果哪里寫(xiě)錯(cuò)了，記得留言，”

新建一個(gè)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)) // 通過(guò)創(chuàng)建a標(biāo)簽實(shí)現(xiàn) var link = document.createElement('a') link.href = uri // console.log(link)??//?對(duì)下載的文件命名，這個(gè)地方是可以修改的??link.download?=?'某某名稱(chēng).csv' document.body.appendChild(link) link.click() document.body.removeChild(link)}export?default?outputTable

然后引入文件

然后使用這個(gè)方法

當(dāng)然我的把不需要的去掉，然后中英文切換，所以

然后導(dǎo)出來(lái)數(shù)據(jù)是這個(gè)樣子

?

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。