vue3导出数据成excel表格
效果演示:
首先安装插件 :npm install js-table2excel
然后引入插件:
import table2excel from 'js-table2excel';
设置一个按钮点击事件:
<el-button type="success" @click="export_">导出excel文件</el-button>
设置表头:
声明一个数组,里面为excel表格的表头部分,title为表头的名称,key 为表头对应行的内容,type 为数据类型。
导出数据:
const 声明一个数组包对象,填入对应的数据:
导出点击事件:
第一个参数:column 为表头;
第二个参数:tabledata3.value 为你填写的数据;
第三个参数:为你生成文件的名字
const export_ = () => { table2excel(column, tableData3.value, '兑换码'); };