vue表单中批量导入功能_vue+element实现excel中的信息批量导入和导入模板的下载...

在页面中，凡是有表格的信息，那一定会涉及到表格的批量导入。把一个excel表中的信息导入到页面中，下面有两种方法实现这个功能。

第一种是需要后台提供的接口，把参数传给后台，后台返给表中的数据。

第二种是纯前端实现表格的批量导入。

感觉有用就点个赞吧,给我一波小动力~~~

通过后台的接口实现批量导入

1、element实现一个数据导入的按钮

模板下载

ref="upload"

:action="uploadUrl" //上传的地址

:limit="1" //最大允许上传个数

:before-upload="beforeUpload" //上传文件之前的钩子，参数为上传的文件

:headers="token" //设置上传的请求头

:data = "importData" //上传时附带的额外参数

accept=".xls" //接受上传的文件类型

class="up-class"

:on-success="uploadSuccess" //文件上传成功时的钩子

:show-file-list="false" //是否显示已上传文件列表

:auto-upload="true" //是否在选取文件后立即进行上传

>

导入数据

复制代码beforeUpload(file) {

let extension =file.name.substring