首页 > Web开发 > 详细

在VUE中--导出json文件,前端请求接口返回一堆json数据,如何导出成json文件并且下载???

时间:2020-07-09 23:04:55      阅读:982      评论:0      收藏:0      [点我收藏+]
areaButton(){
      // 点击下载  
      outArea().then(res=>{   
        var data = JSON.stringify(res) 
        //encodeURIComponent解决中文乱码
        let uri = ‘data:text/csv;charset=utf-8,\ufeff‘ + encodeURIComponent(data);
        //通过创建a标签实现
        let link = document.createElement("a");
        link.href = uri;
        //对下载的文件命名
        link.download =  "地区数据表.json";
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
      })
    },

技术分享图片

 

 

 参考链接:https://blog.csdn.net/xxxxxxxxYZ/article/details/94572687

 

如果是文件流或者链接的话(不要求token值)

// 点击下载(预览查看)
    onPreview(file) {
      const a = document.createElement(‘a‘)
      a.href = `${window.config1}/annex/annexDownload?id=${file.id}`
      a.download = file.name
      a.dispatchEvent(new MouseEvent(‘click‘, { bubbles: true, cancelable: true, view: window }))
    },

 

在VUE中--导出json文件,前端请求接口返回一堆json数据,如何导出成json文件并且下载???

原文:https://www.cnblogs.com/snowbxb/p/13276555.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!