Vue基于element ui中Upload组件实现文件上传下载—附源码

 1.在页面中引入Upload组件

  上传文件


{{ item.name }} 

2.在api中定义fileInfo.js文件，内容如下

//api中fileInfo.js文件
export function uploadFile(data) {
  return request({
    url: '/test/uploadFile',
    method: 'post',
    data
  })
}

export function downLoad(query) {
  return request({
    url: '/test/downFile',
    method: 'get',
    params: query
  })
}

3.在methods中添加如下方法

4.关于其它方法使用请查看element官方文档:Element - The world's most popular Vue UI framework