首先安装插件:
npm install js-table2excel
引入插件
import table2excel from 'js-table2excel';
设置表格头部:
//声明一个数组设置表头部分 const arr = [ { title: 'id', // title为表头名称 key: 'id', // key 为数据对应的属性名 type: 'text' // type 为类型 }, { title: '名称', key: 'name', type: 'text' }, { title: '时间', key: 'time', type: 'text' } ]
导出数据:
//导出数据 //声明变量 const data = ref([]) //填入对应的数据 datas.value.push( { id: id, name:name, time:time }, )
点击导出:
//添加按钮点击事件 <el-button type="primary" @click="download">导出</el-button> //导出事件 const download = ()=>{ //第一个参数为表头 第二个参数为需要导出的数据 第三个参数为导出表格名称 table2excel(arr.value, data.value, '兑换码'); }