为了账号安全,请及时绑定邮箱和手机立即绑定

使用iview的exportcsv怎样导出嵌套数据

使用iview的exportcsv怎样导出嵌套数据

繁花如伊 2019-03-16 15:37:04
使用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]这种嵌套的数据正常的导出姿势是什么?求大神指导!!
查看完整描述

2 回答

?
www说

TA贡献1775条经验 获得超8个赞

没用过这个框架,代码未实测

查看完整回答
反对 回复 2019-03-16
  • 2 回答
  • 0 关注
  • 4055 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信