js-table2excel 導出帶圖片的excel

第一步安裝:npm install js-table2excel
第二步引入:在需要導出表格的頁面引入 import table2excel from 'js-table2excel'
第三步使用 :

<template>
  <el-button type="primary" @click="exportExcel">導出EXCEL</el-button>
</template>

<script>
import table2excel from 'js-table2excel'
export default {
	methods:{
		//導出EXCEL
		exportExcel(){
			/** column數據的說明 */
			//1.title爲column的標題
			//2.key爲column對應的key
			//3.type默認是text,若爲圖片格式type爲image , 並且可以設置圖片的寬高
		      const column = [
		        {
		          title: '時報標題', 
		          key: 'title',
		          type: 'text'
		        },
		        {
		          title: '時報圖片',
		          key: 'newsimg',
		          type: 'image',
		          width: 279,
		          height: 107
		        },
		        {
		          title: '發佈日期',
		          key: 'createtime',
		          type: 'text'
		        }
		      ]
		      
		      //this.newsList是從後端接口中獲取數組列表
		      //第三個參數是表格名
		      table2excel(column, this.newsList, "時報新聞列表.xls")
	    }
	}
}
</script>

在這裏插入圖片描述
在這裏插入圖片描述

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