vue前端導出Excel.xlsx文件

安裝依賴:
npm install -S file-saver //用來生成文件的web應用程序
npm install -S xlsx //電子表格格式的解析器
npm install -D script-loader //將js掛在在全局下
下載Blob.js和Export2Excel.js文件
Blob.js下載路徑:

https://pan.baidu.com/s/1IuIFzLLGLY824KVGtC2WKg
Export2Excel.js 下載路徑:

https://pan.baidu.com/s/17BAB-vASpWF7S4gXAfq61w
在src下創建vendors文件夾,放入Blob.js和Export2Excel.js(注意下面這個路徑!!!vendors文件夾名稱必須和下面一致)
在這裏插入圖片描述
引入excel這個文件並調用export_excel方法
引入excel這個文件

exportExcel () {
 if (this.tableData.length) {
    this.exportLoading = true
    const params = {
      title: ['商戶ID', '組織說明', '組織名稱', '排序', '組織類型', '父ID'],
      key: ['corpId', 'organizationDescrip', 'organizationName', 'organizationSort', 'organizationType', 'parentId'],
      data: this.tableData,
      filename: '組織列表'
    }
    excel.export_excel(params)
    this.exportLoading = false
  } else {
    this.$Message.info('表格數據不能爲空!')
  }
}

excel.js文件中的export_excel方法
在這裏插入圖片描述
excel表格樣式可在Export2Excel.js文件中修改
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章