vue下载附件按钮功能

一.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);
    },