element table表格导出

## html
 <span  @click="exportExcel">

class=table


   <el-table
            :data="rightsDate"
           max-height="450"
            class="table"
          >
import FileSaver from "file-saver";
import XLSX from "xlsx";
// 导出表格所用
  exportExcel() {
    // 设置当前日期
    let time = new Date();
    let year = time.getFullYear();
    let month = time.getMonth() + 1;
    let day = time.getDate();
    let name = year + "" + month + "" + day;

    /* generate workbook object from table */
    //  .table要导出的是哪一个表格
    var wb = XLSX.utils.table_to_book(document.querySelector(".table"));
    /* get binary string as output */
    var wbout = XLSX.write(wb, {
      bookType: "xlsx",
      bookSST: true,
      type: "array"
    });
    try {
      //  name+'.xlsx'表示导出的excel表格名字
      FileSaver.saveAs(
        new Blob([wbout], {type: "application/octet-stream"}),
        name + ".xlsx"
      );
    } catch (e) {
      if (typeof console !== "undefined") console.log(e, wbout);
    }
    return wbout;
},

发布了33 篇原创文章 · 获赞 0 · 访问量 3173

猜你喜欢

转载自blog.csdn.net/YYY1920/article/details/104000428
今日推荐