vue 文件下载-文本流

HTML

点击下载按钮，下载文本流

<div
	  v-if="submitDialogText === '3'"
	  @click="downApp(submitForm.maintenanceUrl, '文件下载')"
	  style="cursor: pointer; color: #1890ff"
>
  	  {{ submitForm.maintenanceNames }}
</div>

JS

//下载文件
const downApp = (id, fileName) => {
    console.log(id, fileName)
    post(API.uploader.downFile, {
            params: {
                fileId: id.replace(API.reviewFile.pdfUrl, ''),
            },
            noCheckCode: true
        })
        .then((res) => {
            console.log(res)
            let sub = id.lastIndexOf(".");
            download(res.data, fileName, id.slice(sub + 1))
            // message.success("下载成功")

        })
        .catch((res) => {

            message.error(res);
        });
}

const download = (data, filename, suffix) => {
    if (!data) {
        return;
    }
    let url = URL.createObjectURL(data);
    let link = document.createElement("a");
    link.style.display = "none";
    link.href = url;
    link.setAttribute("download", filename + "." + suffix);
    document.body.appendChild(link);
    link.click();
}
return {
    //文件下载
    downApp,
}