自学内容网 自学内容网

前端导出json数据函数

数据导出我想也是大家常用的功能,excel文档的导出是需要指定的格式与插件。但直接导出json其实不需要任何插件即可导出。原理很简单,创建一个a标签,类型为下载类型,然后将dataUrl也就是数据拼接好。自动触发其中的点击事件即可。代码如下:

这是我从数据库里查到的数据,如果存在列表数据,就将其导出即可。


let sdata = await findWhereGetAllPatientGameAll({
    start: 0, // 分页起始位置
    limit: 100000000000, // 分页显示条数
})

if (sdata && sdata.data.list.length > 0) {
    data = sdata.data.list
    let dataStr = JSON.stringify(data);
    let dataUri = 'data:application/json;charset=utf-8,' + encodeURIComponent(dataStr);

    let exportFileDefaultName = filename + '.json';

    let linkElement = document.createElement('a');
    linkElement.setAttribute('href', dataUri);
    linkElement.setAttribute('download', exportFileDefaultName);
    linkElement.click();
} else {
    proxy.$message({
        showClose: true,
        message: '没有数据可导出的哟!',
        type: 'error'
    });
}


原文地址:https://blog.csdn.net/guige8888811/article/details/142936055

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!