element-ui文件下载(单个)

  1. 单个附件下载
javascript 复制代码
<el-button
      type="text"
      size="small"
      @click.native.prevent="download(scope.row)" >下载</el-button>


export default {
    data() {
        return {
            downloadUrl: 'http://127.0.0.1:8881/XX/XX', // 下载接口
        }
    },
    methods: {
        download(row) { // 单个附件下载
              // 下载附件(form方式)
          const params = {
            fileId: row.dataId,
            fileName: row.fileName,
            attachmentId: row.dataId,
            token: getToken()
          }
          this.postDownloadFile(params, this.downloadUrl)

          // downloadFileByToken({ attachmentId: row.dataId }).then((response) => { // 按钮提交无效
          // })
    },
    postDownloadFile(params, url) {
          const form = document.createElement('form')
          form.style.display = 'none'
          form.action = url
          form.method = 'post'
          document.body.appendChild(form)
          // 动态创建input并给value赋值
          for (const key in params) {
            const input = document.createElement('input')
            input.type = 'hidden'
            input.name = key
            input.value = params[key]
            form.appendChild(input)
          }
          form.submit()
          form.remove() 
        },
    },
}

灵感来自:https://blog.csdn.net/ewl0116/article/details/129879216

相关推荐
脩衜者3 小时前
极其灵活且敏捷的WPF组态控件ConPipe 2026
前端·物联网·ui·wpf
小笔学长5 小时前
React 入门:构建交互式 UI 的基础
ui·项目实战·前端开发·react框架·jsx语法
zhaocarbon5 小时前
VUE 4向云台 8向云台UI
css·vue.js·ui
阿蔹5 小时前
UI测试自动化-Web-Python-Appium
前端·python·ui·appium·自动化
lifewange14 小时前
UI自动化页面元素定位有几种方式
前端·ui·自动化
我送炭你添花1 天前
Pelco KBD300A 模拟器:06+4.KBD300A 键盘 UI 布局的设计与响应式实现(二次迭代)
ui·计算机外设
qq_428639612 天前
ue无双割草项目:4.让AI受伤及添加UI
ui·ue·无双割草
清水迎朝阳2 天前
Qt 小白成长系列 2 QUiLoader 动态加载UI
ui
sandwu2 天前
AI自动化测试(二)—— Playwright-MCP搭建自动化UI测试(browser-use&midscene对比)
人工智能·ui·自动化·playwright
weixin_439706252 天前
flowable 6.8 + flowable ui + spring boot的例子
spring boot·后端·ui