如何做Excel导入功能

介绍： Excel 的导入导出都是依赖于js-xlsx来实现的。
           在 js-xlsx的基础上又封装了upload-excel.vue来方便导入数据。

1.下载js-xlsx插件

Excel 的导入导出都是依赖于js-xlsx来实现的 js-xlsx是必须插件

npm install xlsx -S

2. 下载或复制 Excel 的导入 组件

下载地址:vue-admin-element

vue-element-admin

/

 src 

/

 components 

/

 UploadExcel

你也可以直接把UploadExcel文件夹复制到你自己的项目中,方便复用

小白可以直接复制如下代码:

<template>
  <div>
    <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick">
    <div class="drop" &