一、 安装到处Excel所需要的依赖包
npm install xlsx@^0.16.0 –save
npm install file-saver@^2.0.2 –save
二、在引用的页面中导入
import FileSaver from “file-saver”;
import XLSX from “xlsx”;
三、给elementuide table组件添加id
<el-table
:data="tableDate"
id="out-table"
style="width:100%;"
>
<el-table-column
label="序号"
prop="cardId"
>
</el-table-column>
</el-table>
四、点击导出按钮
<el-button @click="exportExcel" type="primary" size="medium">导出</el-button> exportExcel () {
var xlsxParam = { raw: true }
var wb = XLSX.utils.table_to_book(
document.querySelector('#table-out'),
xlsxParam
)
var wbout = XLSX.write(wb, {
bookType: 'xlsx',
bookSST: true,
type: 'array'
})
try {
FileSaver.saveAs(
new Blob([wbout], { type: 'application/octet-stream' }),
'用户个人信息.xlsx'
)
} catch (e) {
if (typeof console !== 'undefined') console.log(e, wbout)
}
return wbout
},版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79811.html
