前端导出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'
    });
}