vue中excel导入导出组件

vue中导入导出excel,并根据后台返回类型进行判断,导入到数据库中

功能:实现js导入导出excel,并且对导入的excel进行展示,当excel标题名称和数据库的名称标题匹配时,则对应列导入的数据自动渲染展示在表格中,预览展示10条,不足10条的的用空行表示。可通过下拉框动态切换对应列的值。图片保存到系统中是将有src属性的img值替换为后台传递过来的七牛云地址,导入完成后,部分导入失败的数据可以下载到本地查看

导入的excel文件
vue中excel导入导出组件_第1张图片
vue中excel导入导出组件_第2张图片
使用该导入功能需安装依赖 npm install xlsx

需要使用导入导出功能的自行复制对应方法进行使用

exportData是用于导入的
tableToExcel 和 exportPathMethod是用于导出的



 

你可能感兴趣的:(js)