使用iview的Table組件導出CSV文件<template><div>
<Table :data="data" :columns="columns" ref="dataTable" />
<button @click="exportData">導出數據</button>
</div></template><script>export default {
data(){ return { data:[
{id:1,name:'名稱1',category:{id:21,name:'類別21'}},
{id:2,name:'名稱2',category:{id:21,name:'類別21'}},
{id:3,name:'名稱3',category:{id:22,name:'類別22'}},
], columns:[
{title:'名稱',key:'name'},
{title:'類別',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
})
}
}
}上面代碼,網頁能正常顯示數據:名稱類別名稱1類別21名稱2類別21名稱3類別22但點擊 導出數據 按鈕后,導出的數據是這樣的:名稱類別名稱1[object Object]名稱2[object Object]名稱3[object Object]這種嵌套的數據正常的導出姿勢是什么?求大神指導!!
添加回答
舉報
0/150
提交
取消