js将element的table表导出为excel

直接上代码

   
   
   


导出全部

 只要左边的表格就行了

因为vue渲染dom需要一定的时间所以不能直接定义先下载的表格因为获取不到table标签，所以我将js的操作放到了setTimeout中
element的表格中表头和表单是分开的所以还需要对表单数据进行拼接。

setTimeout(function() {
  let str = null
  for(let i = 0;i < document.getElementsByTagName("table").length;i++) {
     str = str + document.getElementsByTagName("table")[i].outerHTML
  }
  var html = "" + str + "";
  // 实例化一个Blob对象，其构造函数的第一个参数是包含文件内容的数组，第二个参数是包含文件类型属性的对象
  var blob = new Blob([html], { type: "application/vnd.ms-excel" });
  var a = document.getElementById("downland");
  // 利用URL.createObjectURL()方法为a元素生成blob URL
  a.href = URL.createObjectURL(blob);
  // 设置文件名
  a.download = "商品sku统计.xls";
},50)

成果：