Vue附件下载方法

// 注意：一下两种文件下载方法只适用于下载文件接口为GET时使用，因为都是直接访问浏览器下载，而浏览器本身为GET方式访问，若下载接口为POST则该方法不生效


// GET下载方法
// 方法一
1.window.open('/dateDown/*******/*****')
// 方法二
2.window.location.href = URL




// POST下载方法
// 接口为POST文件下载方式
<template>
    <div>
        <iframe id="ifile" style="display: none">
            <form method="post" action="" id="ifileForm">
                <button id="downloadBtn" type="submit"></button>
            </form>
        </iframe>
    </div>
</template>



export default {
    methods: {
        handlePreview(file){ // 下载点击事件
            console.log(file,'下载');
            let params={  // 文件数据传参
                id:file?.response?.data ? file?.response?.data : file.id,
            }
            var form = document.getElementById("ifileForm"); // 获取iframe种button
            form.action = this.api.download_api + "?" + QS.stringify(params); // 拼接下载路径与下载用到的参数（QS为拼接参数组件）
            var btn = document.getElementById("downloadBtn");
            btn.click(); // 模拟用户点击操作
        },
}
}