Vue中js前端导出excel表格（实用）

纯前端导出excel,在业务中是很经常见的。对于一些没有分页要求的表格，基本上可以由前端实现导出。

导出方法

导出步骤：

1. js获取需要导出的dom
2. 用Blob,将dom转为文件流
3. 用URL.createObjectURL生成url

// 导出excel
function exportExcel() {
  // 获取table的html内容了，里面包括标签的class或id等。
  const dom = document.getElementById('sortTable').innerHTML

  // 这样做是为了让excel表格的样式完整
  const excelHtml = `
  
    ${dom}`

  // 生成Excel
  const excelBlob = new Blob([excelHtml], {
    type: 'application/vnd.ms-excel'
  })
  // 通过a标签下载到本地了，下载前可以利用a标签的download属性命名
  const downloadObj = document.createElement('a')
  // 兼容firefox
  const isFirefox = navigator.userAgent.toUpperCase().indexOf('FIREFOX') !== -1
  if (isFirefox) {
    window.open(downloadObj, '_blank')
    return null
  }
  // 利用URL.createObjectURL()方法为a元素生成blob URL
  downloadObj.href = URL.createObjectURL(excelBlob)
  // 给文件命名
  downloadObj.download = '学员阶段分析.xls'
  downloadObj.click()
}