vue项目封装下载表格

最新推荐文章于 2024-05-20 15:26:42 发布

范同学~

最新推荐文章于 2024-05-20 15:26:42 发布

阅读量273

点赞数

文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/weixin_46041322/article/details/125331020

版权

1.创建一个js文件，例如expor.js文件

export function tableExport(fileurls) {
    if (fileurls == "" || typeof fileurls == "undefined") {
        return;
    }
    var downiframe = document.querySelector("#downiframe");
    if (downiframe) {
        downiframe.parentNode.removeChild(downiframe);
    }
    try {
        var elemIF = document.createElement("iframe");
        elemIF.id = "downiframe";
        elemIF.src = fileurls;
        elemIF.style.display = "none";
        document.body.appendChild(elemIF);
    } catch (e) {
        console.dir("error", e);
    }
}

2.首先在页面引入

import { tableExport } from "../../config/export";

3.使用函数

exportDetailsPriceAndElec  为表格的接口地址    
exportTables(e) {
        if (e == "area") {
            tableExport(
              exportDetailsPriceAndElec +
                "?showType=" +
                2 +
                "&searchType=" +
                2 +
                "&statisticsType=" +
                1 +
                "&buildCodes=" +
                this.formInline.buildCodes +
                "&userTypes=" +
                this.formInline.userTypes.toString() +
                "&startTime=" +
                this.startTime +
                "&endTime=" +
                this.endTime
            ); 
        } 
    },