第一步:
安装插件:npm install js-table2excel
第二步:
引入插件:import table2excel from 'js-table2excel'
第三步:
表格表头
const column = [ { title: "id", key: "s_id", type: "text", }, { title: "景区名称", key: "s_name", type: "text", }, { title: "二维码", key: "s_names", type: "image", width: 100, height: 100, }, { title: "使用状态", key: "s_redu", type: "text", }, ];
注意:
title的意思就是你表格表头的名称
key是你数据的属性名
type是类型
里面的值都是要导出的值 获取完之后直接写到key值里就好了
第四步:
添加点击事件导出
HTML
<span @click="dian">导出</span>
JavaScript
const dian = () => { table2excel(column, arr.value, "excel表格"); };
cloumn是数据 arr.value是获取的列表数据 后面那个是导出时候的名字
最后:
大家可以尝试一下