vue3 导出excel表格

第一步：

安装插件：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是获取的列表数据 后面那个是导出时候的名字

最后:

 大家可以尝试一下