vue 下载 xlsx 或 xls表格

最新推荐文章于 2024-07-29 14:45:23 发布

mini召唤师

最新推荐文章于 2024-07-29 14:45:23 发布

阅读量615

点赞数

本文链接：https://blog.csdn.net/weixin_58442608/article/details/123067113

版权

HTML代码

<el-button @click="configure_DC">默认按钮</el-button>

下面是在methods中定义这个方法

configure_DC() {
      userExportData().then((res) => {
        const blob = new Blob([res]);
        const fileName = "用户管理.xls";
        const linkNode = document.createElement("a");
        linkNode.download = fileName; //a标签的download属性规定下载文件的名称
        linkNode.style.display = "none";
        linkNode.href = URL.createObjectURL(blob); //生成一个Blob URL
        document.body.appendChild(linkNode);
        linkNode.click(); //模拟在按钮上的一次鼠标单击
        URL.revokeObjectURL(linkNode.href); // 释放URL 对象
        document.body.removeChild(linkNode);
        // 成功之后清空选择的数据
        this.selectedRowKeys = [];
      });
    },