您的位置:首页 > 健康 > 养生 > b2b平台类型有哪些_手机app制作软件免费_百度提交入口的网址_seo是什么意思 seo是什么职位

b2b平台类型有哪些_手机app制作软件免费_百度提交入口的网址_seo是什么意思 seo是什么职位

2024/12/24 1:04:43 来源:https://blog.csdn.net/Wancc123/article/details/142650009  浏览:    关键词:b2b平台类型有哪些_手机app制作软件免费_百度提交入口的网址_seo是什么意思 seo是什么职位
b2b平台类型有哪些_手机app制作软件免费_百度提交入口的网址_seo是什么意思 seo是什么职位

参考文档:Easy Excel

我们要实现的是,在表格里面,勾选自己想要的数据,然后导出
在这里插入图片描述
我们需要定义一个变量selectList,接收勾选的数据
在这里插入图片描述
这个变量的格式是 List<库表名>

然后我们给导出按钮写逻辑,先定义表头,这个变量为variable1,类型是List< String >,名字可以自己取

在这里插入图片描述
再定义一个变量sheetData,这个变量用来接收表头数据和内容,因为我们使用的是Easy Excel插件,需要按照文档给这个导出方法定义入参
在这里插入图片描述
这个sheetData的类型是,CustomSheetData,需要下载这个Easy Excel插件后,才能搜到这个类型

接下来将上面定义的表头,赋值给sheetData
在这里插入图片描述
然后我们需要定义一个变量接收表格数据内容,类型为List< List < String >>
在这里插入图片描述
为什么是这个类型
因为我们定义的表头变量格式是这样的
[‘A1表头’,‘B1表头’,‘C1表头’]
对应的是excel表格的第一行
那么他们对应的数据应该是这样的格式
[
[‘A2数据’,‘B2数据’,‘C2数据’],
[‘A3数据’,‘B3数据’,‘C3数据’],
[‘A4数据’,‘B4数据’,‘C4数据’]
]
文档里面没有提及,但是我总结出来他是这样对应的关系

所以 我们需要把刚刚绑定勾选数据的变量selectList里面的数据解剖出来
selectList里面的数据格式是这样的,举例:
[
{a:1,b:1,c:1},
{a:2,b:2,c:2}
]
每一个成员代表的是所勾选的那一行数据字段内容,可以自己打印出来看

然后我用的是js块组件,来处理数据内容
在这里插入图片描述

let arr = []; let arr2 = [];
for (let i = 0; i < this.selectList.length; i++) {
// arr 里面是按照A1,B1,C1表头来对应的,需要哪些字段就一个个填写,这个写法比较臃肿,你们可以写得更好arr = [this.selectList[i].area, this.selectList[i].redBook, this.selectList[i].chiefSource]arr2.push(arr);
}
this.rowData = arr2; // 给rowData绑定上数据

接着就是将这个 rowData 变量赋值给 sheetData
在这里插入图片描述
然后我们还得给这个依赖的导出方法定义另一个变量入参inputData,类型是CustomExcelData,
也是这个依赖自带的类型
在这里插入图片描述
接着给这个变量赋值
在这里插入图片描述
inputData.fileName赋值的文本,一定要带后缀,.xlsx,不然不生效,这是为了指定类型

最后就是调用这个依赖的导出方法
在这里插入图片描述
这个导出方法会返回一个url,然后调用平台自带的下载逻辑,就可以导出数据了
在这里插入图片描述
继续学习中…

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com