vue纯前端导入excel,获取excel的表格数据渲染el-table并纯前端分页实现方法

 因为项目开发的过程中不是所有的表格数据由后台处理返回,因为有些数据不需要在数据库落地,只做前端页面展示并且获取表格的数据上传即可,所以需要前端纯处理excel的数据。

第一步首先把插件安装好

npm install xlsx --save

第二步在vue页面中导入XLSX

第三步页面实现


   
      上传人员
   



  
  
  
  
  
  
  


第四步js

导入的excel格式 

vue纯前端导入excel,获取excel的表格数据渲染el-table并纯前端分页实现方法_第1张图片

效果图

vue纯前端导入excel,获取excel的表格数据渲染el-table并纯前端分页实现方法_第2张图片

这样就轻松实现了,有什么不对的欢迎吐槽

你可能感兴趣的:(js,table,vue,excel,javascript,js)