vuecli3下载excel_vue中如何进行Excel文件的下载

文章目录

业务需求：

实现方式

A1、模板下载：

A2、搜索下载：

A3、勾选下载：

A4、上传错误记录下载Excel文件

业务需求：

Q1、文件批量导入前，需要按照指定的格式与内容上传Excel文件，首先要下载模板。

Q2、将查询到的数据以table表的形式 进行显示，对表格内容进行有选择的下载。

A、勾选下载：

table表中包含一列选择框，el-table-column，设type属性为selection即可

B、搜索下载：

根据搜索条件查询相关数据，下载查询出的数据。

Q3、上传Excel文件时，记录有若干条，不满足条件的记录将不能成功上传，把上传有误的记录进行下载，其中包含出错原因。

实现方式

A1、模板下载：

前提：后端已配置模板数据，有接口。

实现：window.open(“URL”);

手册：https://www.runoob.com/jsref/obj-window.html

Window对象表示浏览器中打开的窗口。所有浏览器都支持该对象。

实例：

###alert()显示带有一段消息和一个确认按钮的警告框。

alert(“error submit!!”)

###open()打开一个新的浏览器窗口或查找一个已命名的窗口。

window.open("/api/teach/downLoadTemplate");

A2、搜索下载：

前提：后端已配置检索数据的接口。

实现：window.open(“URL”);

实例：

需要请求的URL：

实现：

window.open("/api/ach/eortExcnon?"+"code="+this.qourseUnion.code+"&"+"institunName="+this.queCoursion.insttName+"&"+"name="+this.query