在上述方法中，将第一行的字段名改成对应的字段中文名

如果要将第一行的字段名改为对应的中文名称，可以将自定义的数组`this.fields`中的字段名与对应的中文名称对应起来，然后在导出Excel时将字段名替换为中文名称。以下是一个示例：

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

<script>
import * as XLSX from 'xlsx'
import * as FileSaver from 'file-saver'

export default {
  data() {
    return {
      fields: [
        { prop: 'name', label: '姓名' },
        { prop: 'age', label: '年龄' },
        { prop: 'gender', label: '性别' }
      ], // 自定义字段
      data: [
        { name: 'John', age: 30, gender: 'Male' },
        { name: 'Mary', age: 25, gender: 'Female' },
        { name: 'Bob', age: 40, gender: 'Male' },
      ],
    }
  },
  methods: {
    exportExcel() {
      // 将自定义字段名添加到数据中
      const newData = [
        this.fields.map(field => field.label),
        ...this.data.map(item => this.fields.map(field => item[field.prop]))
      ]

      // 创建工作簿和工作表
      const wb = XLSX.utils.book_new()
      const ws = XLSX.utils.aoa_to_sheet(newData)

      // 将工作表添加到工作簿
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')

      // 将工作簿转换为Blob对象，并保存为Excel文件
      const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' })
      const blob = new Blob([wbout], { type: 'application/octet-stream' })
      FileSaver.saveAs(blob, 'data.xlsx')
    }
  }
}
</script>

在这个示例中，我们将`fields`数组改为包含`prop`和`label`两个属性的对象数组，其中`prop`表示字段名，`label`表示对应的中文名称。然后，将自定义字段名数组替换为中文名称数组，以便在导出Excel文件时将字段名替换为中文名称。