第一步安裝: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>