iview如何将生成的序号导出到csv中？

最新推荐文章于 2022-11-26 17:31:09 发布

tower888

最新推荐文章于 2022-11-26 17:31:09 发布

阅读量1.2k

点赞数 3

分类专栏： vue iview 文章标签： iview vue

本文链接：https://blog.csdn.net/tower888/article/details/89221152

版权

iview 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

vue

1 篇文章 0 订阅

订阅专栏

以下是解决方法，使用es6 js数组的map方法

data()中：

columns2: [{
type: 'selection',
width: 50,
align: 'center'
},
{
type: 'index',
key:'lineIndex',
title: "序号",
width: 80,
align: 'center',
indexMethod: (params) => {
return params._index + (this.pageCurrent - 1) * this.pageSize + 1;
}
},
{
title: "车辆识别号",
key: "id"
},
{
title: "号牌",
key: "noplate",
width: 80,
render:(h,params)=>{
return h('div',this.tableData[params.index].noplate.name)
}
},

methods中方法：

exportData(type) {
if (this.tableData.length > 0) {
this.$refs.myTable.exportCsv({
filename: "车辆信息_" + getCurrDate(1),
original:false,
columns: this.columns2.filter((col, index) => { //导出数据过滤
if (index > 0 && index < this.columns2.length - 1) {
return true;
}
}),
//表格中列使用render转换后显示的数据，需要转换才能将name值导出到excel中
data: this.tableData.map((v,index)=>
({...v,
lineIndex:index+1,
noplate:v.noplate.name
})
)
});
} else {
this.$Message.error('表格数据不能为空！');
}