首页 > 其他 > 详细

vue下载文件(excel) 和 导出excel表格

时间:2020-03-24 14:10:10      阅读:380      评论:0      收藏:0      [点我收藏+]

1. get形式传参数

 

window.location = ‘/dms-underlying-asset/download?assetType=‘ + localStorage.getItem(‘assetType‘)

 

2. post形式传参数

 

this.download(http://10.7.160.108:8000/attendanceMonthResult/exportExcel, this.attenddateForm)

download(url, params) {
      //console.log(url, params, ‘传过来的url和表单参数‘)
      // 创建form元素
      var temp_form = document.createElement(form)
      // 设置form属性
      temp_form.action = url
      temp_form.target = _self
      temp_form.method = post
      temp_form.style.display = none
      // 处理需要传递的参数
      for (var x in params) {
        var opt = document.createElement(textarea)
        opt.name = x
        opt.value = params[x]
        temp_form.appendChild(opt)
      }
      document.body.appendChild(temp_form)
      // 提交表单
      temp_form.submit()
    },

 

3,将表格的下载成excel表格(table表格绑定id)

// 导出表格
      var wb = XLSX.utils.table_to_book(document.querySelector(#mytable)) //mytable为表格的id名
      var wbout = XLSX.write(wb, {
        bookType: xlsx,
        bookSST: true,
        type: array
      })
      try {
        FileSaver.saveAs(new Blob([wbout], { type: application/octet-stream }), 考勤天数统计表.xlsx)
      } catch (e) {
        if (typeof console !== undefined) console.log(e, wbout)
      }
      return wbout

 

vue下载文件(excel) 和 导出excel表格

原文:https://www.cnblogs.com/shun1015/p/12558502.html

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