技术教程 编程教程 vue下载附件按钮功能 正文

vue下载附件按钮功能

2023-06-15,,

一.tools文件夹下tools文件中封装下载方法:

const iframeId = 'download_file_iframe'

function iframeEle (src) {

    let ele = document.getElementById(iframeId)

    if (!ele) {

        ele = document.createElement('iframe')

        ele.setAttribute('id', iframeId)

        ele.style.display = 'none'

        document.body.appendChild(ele)

    }

    ele.src = src

    return ele

}

exports.download = (url, failCallbacck) => {

    try{

        iframeEle(url)

    } catch(e){

        failCallbacck && failCallbacck(e)

    }

}

二.导入方法:

三.使用方法:

handleDownload() {

      // 员工表模板下载

      let url = `${config.api_v1}company/staff/template/url?token=${this.$user.token}`;

      download(url);

    },

vue下载附件按钮功能的相关教程结束。

《vue下载附件按钮功能.doc》

下载本文的Word格式文档，以方便收藏与打印。

Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!