vue3 xlsx插件 前端导出

Vue3中可以使用xlsx插件来进行前端导出，具体步骤如下：

1. 安装xlsx插件

npm install xlsx --save

2. 创建导出函数

在需要进行导出的组件中，创建一个导出函数，例如：

import XLSX from 'xlsx'

export function exportExcel(data, fileName) {
  const worksheet = XLSX.utils.json_to_sheet(data)
  const workbook = XLSX.utils.book_new()
  XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1')
  XLSX.writeFile(workbook, `${fileName}.xlsx`)
}

该函数接受两个参数：需要导出的数据和导出的文件名。

3. 调用导出函数

在需要进行导出的地方，调用导出函数即可，例如：

exportExcel([
  { name: 'John', age: 22 },
  { name: 'Jane', age: 25 }
], 'users')

该代码将会导出一个名为`users.xlsx`的Excel文件，包含两行数据，分别为`John`和`22`，以及`Jane`和`25`。

需要注意的是，该函数依赖于xlsx插件，因此需要先引入插件才能进行导出。