首页 > 其他 > 详细

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

时间:2020-03-24 14:10:10      阅读:384      评论: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 版权所有
打开技术之扣,分享程序人生!