本文章基于typescript 和 vue-property-decorator修饰器代码风格

实现批量导入  读取Excel表格转换成所需data数据

附图------

一。

1. 首先  项目中引入插件 XLSX并注册

vue 上传excel 识别excel 转换excel为data数据或转换data数据为excel并导出

vue 上传excel 识别excel 转换excel为data数据或转换data数据为excel并导出

2. 下图为dom结构。。。。。。。

vue 上传excel 识别excel 转换excel为data数据或转换data数据为excel并导出

3. 选择文件 调用api方法读取Excel数据。并设置需要读取的thead  title(下图读的是三列 账户、用户名和密码)

vue 上传excel 识别excel 转换excel为data数据或转换data数据为excel并导出

vue 上传excel 识别excel 转换excel为data数据或转换data数据为excel并导出

图中定义的xlsclist即为转换的data数据

 

二。将data表格导出成excel

vue 上传excel 识别excel 转换excel为data数据或转换data数据为excel并导出

vue 上传excel 识别excel 转换excel为data数据或转换data数据为excel并导出

分类:

技术点:

相关文章: