使用iview的Table組件導(dǎo)出CSV文件<template><div>
<Table :data="data" :columns="columns" ref="dataTable" />
<button @click="exportData">導(dǎo)出數(shù)據(jù)</button>
</div></template><script>export default {
data(){ return { data:[
{id:1,name:'名稱(chēng)1',category:{id:21,name:'類(lèi)別21'}},
{id:2,name:'名稱(chēng)2',category:{id:21,name:'類(lèi)別21'}},
{id:3,name:'名稱(chēng)3',category:{id:22,name:'類(lèi)別22'}},
], columns:[
{title:'名稱(chēng)',key:'name'},
{title:'類(lèi)別',key:'category',render:(createEl,params)=>
createEl("span",params.row.category.name)},
]
}
}, methods:{
exportData(){ this.$refs.dataTable.exportCsv({ filename:'test_export', columns:this.columns, data:this.data
})
}
}
}上面代碼，網(wǎng)頁(yè)能正常顯示數(shù)據(jù)：名稱(chēng)類(lèi)別名稱(chēng)1類(lèi)別21名稱(chēng)2類(lèi)別21名稱(chēng)3類(lèi)別22但點(diǎn)擊 導(dǎo)出數(shù)據(jù) 按鈕后，導(dǎo)出的數(shù)據(jù)是這樣的：名稱(chēng)類(lèi)別名稱(chēng)1[object Object]名稱(chēng)2[object Object]名稱(chēng)3[object Object]這種嵌套的數(shù)據(jù)正常的導(dǎo)出姿勢(shì)是什么？求大神指導(dǎo)??！
添加回答
舉報(bào)
0/150
提交
取消