VUE的Excel导入导出功能

在做人力资源管理的后台项目时，实现了excel表的导入导出功能。用到了vue-element-admin提供的框架（链接地址 ），我们只需要在自己的项目中封装改造即可。

项目中实现excel表的导入与导出的步骤

1.excel导入功能

1.1.excel导入功能需要使用npm包xlsx，所以需要安装xlsx插件

npm i xlsx

.将vue-element-admin提供的导入功能新建一个公共组件 ，将组件引入到我们的页面中
（为了让我们的项目每次跳转都跳转到一个统一的页面，我们的项目中封装了单独的路由和页面组件@/views/import/index.vue来放excel导入）

注意：这个页面结构用到了element-ui框架，但是如果用的是其他框架只需要改页面结构，逻辑代码是通用的。

@/components/UploadExcel/index.vue

代码到链接中复制即可，要改动的只有页面结构和样式。（vue-element-admin/index.vue at master · PanJiaChen/vue-element-admin (github.com)https://github.com/PanJiaChen/vue-element-admin/blob/master/src/components/UploadExcel/index.vue）

1.2实现excel​​​​​​​导出

在我们的import/index.vue组件中，传给UploadExcel/index.vue一个onsuccess方法，在这个方法里面我们可以拿到exce