import Blob from './excel/Blob' import Export2Excel from './excel/Export2Excel.js'
3.在組件中使用
//導(dǎo)出的方法
exportExcel() {
require.ensure([], () => {
const { export_json_to_excel } = require('../excel/Export2Excel');
const tHeader = ['序號(hào)', '昵稱', '姓名'];
// 上面設(shè)置Excel的表格第一行的標(biāo)題
const filterVal = ['index', 'nickName', 'name'];
// 上面的index、nickName、name是tableData里對(duì)象的屬性
const list = this.tableData; //把data里的tableData存到list
const data = this.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, '列表excel');
})
},
formatJson(filterVal, jsonData) {
return jsonData.map(v => filterVal.map(j => v[j]))
tHeader是表頭，filterVal 中的數(shù)據(jù)是表格的字段，tableData中存放表格里的數(shù)據(jù)，類型為數(shù)組，里面存放對(duì)象，表格的每一行為一個(gè)對(duì)象。
如此，就可以了。
相關(guān)推薦：
2020年前端vue面試題大匯總（附答案）
vue教程推薦：2020最新的5個(gè)vue.js視頻教程精選
更多編程相關(guān)知識(shí)，請(qǐng)?jiān)L問：編程教學(xué)?。?/p>
更多關(guān)于云服務(wù)器，域名注冊(cè)，虛擬主機(jī)的問題，請(qǐng)?jiān)L問西部數(shù)碼官網(wǎng)：m.ps-sw.cn
