vue下载excel 时怎么设置表头

通过设置 Excel 的 Header 属性，可以实现 vue 下载 Excel 时设置表头。具体操作可以参考以下代码：

<template>
  <div>
    <button @click="exportExcel">导出 Excel</button>
  </div>
</template>

<script>
import XLSX from 'xlsx'

export default {
  methods: {
    exportExcel() {
      const data = [
        ['姓名', '年龄', '性别'],
        ['张三', 18, '男'],
        ['李四', 20, '女'],
        ['王五', 22, '男']
      ]

      const ws = XLSX.utils.aoa_to_sheet(data)
      ws['!cols'] = [{ width: 15 }, { width: 10 }, { width: 10 }]
      ws['!merges'] = [{ s: { r: 0, c: 0 }, e: { r: 0, c: 2 } }]

      const wb = XLSX.utils.book_new()
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')

      XLSX.writeFile(wb, 'data.xlsx')
    }
  }
}
</script>

在以上代码中，我们定义了一个 `exportExcel` 方法，在方法中生成了一份包含表头和内容的 Excel 数据，并通过 XLSX 库将它下载保存到本地。

值得注意的是，我们通过 `ws['!cols']` 属性设置了表格每一列的宽度，通过 `ws['!merges']` 属性合并了第一行中的所有单元格，从而实现了表头的设置。