vue中excel导入导出组件 js

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

文章图片

文章图片

使用该导入功能需安装依赖 npm install xlsx
需要使用导入导出功能的自行复制对应方法进行使用
exportData是用于导入的
tableToExcel 和 exportPathMethod是用于导出的

.excel{ display: inline-block; /*position: relative; */ /*right: 90px; */ } .input-file { display: none; } .selectedList{ display: block; width: 100%; height: 34px; padding: 0px 0; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; } .diybut{ display: inline-block; width: 135px; height: 40px; } .error-prompt{ margin: 15px 0; } .correct-prompt{ margin: 15px 0; } .hideTr{ display: none; } tr:nth-child(odd) { background: #F4F4F4; }

vue中excel导入导出组件

推荐阅读

玉米面条怎么做好吃简单的做法

吃完洋葱怎么去味

商标注册的条件哪些企业需要申请商标，怎么申请商标

云虚拟主机教学，云虚拟主机使用教程

vue|vue 如何实现表单校验

林蛙养殖技术大全视频林蛙养殖技术

守夜是什么意思

如何去除保温杯硅胶圈异味去除保温杯硅胶圈异味的方法

苹果手机迅雷一直闪退怎么办？iPhone迅雷闪退解决方法

安卓vr开发,安卓手机下载utovr软件点击浏览

吸引眼球好听的支付宝名字唯美吸引眼球好听的支付宝名字

spss 生存分析,SPSS生存分析

去海边沙滩玩戴什么太阳镜最好

有哪些三维建模软件？三维绘图软件有哪些?

离合踏板是什么意思? 离合踏板啥意思

mysqladmin ping mysqlping方法

慢性病人群可以接种新冠病毒疫苗吗

csf 关键成功要素法分析的步骤

里约奥运会中国代表队旗手 2016里约奥运会中国队旗手会是谁

新冠疫苗加强针接种的注意事项