首页 > 其他 > 详细

vue 导出数据

时间:2019-05-24 13:30:58      阅读:101      评论:0      收藏:0      [点我收藏+]

1.点击“导出数据按钮”

  getExportList(data) {
      getExport(data).then((res) => { // 导出数据调用接口
        this.checkedtages2 = ‘‘
        this.exportPathMethod(res.data)// 导出数据做处理
      })
    },
//最重要的一部 exportPathMethod(data) {
// 要导出的json数据 var jsonData = data let str1 = ‘‘ for (const i in jsonData[0]) { str1 += ‘,‘ + i } str1 = str1.substring(1) str1 = str1 + ‘\n‘ let str = `${str1}` // 列标题,逗号隔开,每一个逗号就是隔开一个单元格 // let str = `用户名称,会员等级,最近购买时间,消费次数,消费金额,用户账号,订单均价\n` // 增加\t为了不让表格显示科学计数法或者其他格式 for (let i = 0; i < jsonData.length; i++) { for (const item in jsonData[i]) { str += `${jsonData[i][item] + ‘\t‘},` } str += ‘\n‘ } // encodeURIComponent解决中文乱码 const uri = ‘data:text/csv;charset=utf-8,\ufeff‘ + encodeURIComponent(str) // 通过创建a标签实现 var link = document.createElement(‘a‘) link.href = uri // 对下载的文件命名 link.download = ‘客户管理列表.xls‘ document.body.appendChild(link) link.click() },

 

vue 导出数据

原文:https://www.cnblogs.com/wangliko/p/10917521.html

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