vue+element-ui 实现上传文件、下载模板、批量导入、导出

在后台管理系统的项目开发中，为了系统使用更加方便，通常页面中会有批量导入，导出，上传文件，下载模板等功能。刚好最近做的项目中，有这些功能，正好借此机会做个总结。

页面上的功能如上图所示。

1 下载模板

下载模板的功能比较简单，主要是后台提供的一个下载模板的接口，前端使用的是element-ui中的el-link这个组件，这个组件类似于前端常用的a标签，herf属性指向后端提供的接口即可。

2 导出

 3 批量导入  

使用的elemet-ui中的el-upload组件