1.下载插件
yarn add @femessage/excel-it
2.使用的页面引入插件
import {exportExcel} from '@femessage/excel-it'
3.创建文件夹写入需要下载的模板
4.引入模板文件
import {templateColumns} from '../../../../const/export-goods-template-columns'
5.使用组件
//<html>部分
<template>
<div>
<el-button type="text" size="middle" @click="exportTable">下载</el-button>
</div>
</template>
<script>
export default {
data() {
return {
failureInfo: [],
}
},
//点击事件
exportTable() {
exportExcel(
{
columns: Object.keys(templateColumns).map(k => ({
prop: k,
label: templateColumns[k],
})),
data: this.failureInfo,
//下载的文件名
fileName: '商品信息表',
},
() => {
this.$message.success('导出表格成功')
},
)
},
}
</script>