Vue+ElementUI+xlsx实现读取xlsx文件并展示在页面中

Vue+ElementUI+xlsx实现读取xlsx文件并展示在页面中

• 1、创建vue 项目安装所需要的依赖

    vue create node-xlsx    # 创建项目
  
    cd node-xlsx
  
    npm install  element-ui -S
  
    npm install xlsx -S
  

• 2、在main.js 中引入element-ui

  import ElementUI from 'element-ui';
  
  import 'element-ui/lib/theme-chalk/index.css';
  
  Vue.use(ElementUI);
  

• 3、在vue组件中使用xlsx

• 4、注意
  .xlsx中的日期获取到的数据是输入的日期到1900-01-01的天数差
  使用时期转换的时候，我这边多了两天（目前还没有找到原因）

• 5、下面是运行的项目的展示

  
  
  test.gif