vue中导出excel和导入excel

问题描述:再写管理后台数据的时候,有一个常见的需求就是表格的导入和导出

一:导出功能的实现 

导出掉的后台的接口返回的是数据流,前端需要将之转化为表格格式的数据

vue中导出excel和导入excel

按照这个模板来写就可以了,一个是请求接口的api,一个是需要导出的数据id参数ids,另外一个是导出的文件的文件名,我这里是固定写死的。

二:导入表格

vue中导出excel和导入excel

vue中导出excel和导入excel

vue中导出excel和导入excel

这里是导入的代码;但是需要和后台协商好都使用这种方法,

当点击取消按钮的时候需要取消选择的文件,下面那句代码可实现此功能。