純js下載excel,react,vue都可以使用

2020-10-13 13:00:13
// 下載 npm i js-export-excel
import ExportJsonExcel from 'js-export-excel';
	const list= [
		{
			date: "2020-02-03", 
        	date2:"2020-01-02",
        	uid: "uid",
		},
		{
			date: "2021-02-03",
        	date2:"2021-01-02",
        	uid: "uid2",
		}
	]
// exportExcel 這是一個方法 直接呼叫
exportExcel = (list)=>{ 
	const option = {};
	const dataTable = []
	list.forEach(item=>{ 
		const obj = {
				資料日期: item.date,  // 資料日期 要跟sheetHeader裡的資料一一對應 
        		釋出日期: item.date2 || "無", // 可以多加一個判斷,date2沒有值時就給"無"
        		使用者ID:  item.uid, 
			}
			dataTable.push(obj)
	})
  	option.fileName = `下載表格的名字`;
    option.datas = [
      {
        sheetData: dataTable, // 資料 陣列裡包著多個物件,一個物件為一列[{},{},{}]
        sheetName: 'sheet',  // 名字(可有可無)(預設 sheet1)
        sheetHeader: [  // 表格裡的列表的第一行(表頭) 對應sheetData資料,最好不要重複名字
          '資料日期',
          '釋出日期',
          '使用者ID',
        ],  
        columnWidths: [7, 12, 5], // 每一列的寬度 需與列順序對應
      },
    ];

    const toExcel = new ExportJsonExcel(option); // 建立表格
    toExcel.saveExcel();	// 儲存下載表格
    }

js-export-excel地址有下載blob格式