iview table数据直接导出_使用iview的exportcsv怎样导出嵌套数据

使用iview的Table组件导出CSV文件

导出数据

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]

这种嵌套的数据正常的导出姿势是什么?求大神指导!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值