Vue 导出文件功能

尚梦

于 2023-12-08 16:05:20 发布

阅读量426

点赞数 7

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_42164957/article/details/134881204

版权

handledcFn() {
    // 创建a标签
    let link = document.createElement('a');
    // 隐藏a标签
    link.style.display = 'none';
    // 配置导出链接 这个是后端给
    link.href = `xxxxx`;
    // 文件名称
    link.download = ""; 
    // 把创建的a标签追加到页面中
    document.body.appendChild(link);
    // 自动点击
    link.click();
    // 释放URL 对象
    URL.revokeObjectURL(link.href); 
    // 用完即删
    document.body.removeChild(link); 
}