Vue.js 数组对象导出到 Excel - 完整指南及代码示例

要将包含数组的 Vue 数组对象导出到 Excel，可以使用第三方库 js-xlsx。以下是一个示例代码：

import XLSX from 'xlsx'

export default {
  data() {
    return {
      users: [
        { name: 'John', age: 30, hobbies: ['reading', 'running'] },
        { name: 'Mary', age: 25, hobbies: ['swimming', 'dancing'] },
        { name: 'Peter', age: 35, hobbies: ['hiking', 'biking'] }
      ]
    }
  },
  methods: {
    exportToExcel() {
      const data = [['Name', 'Age', 'Hobbies']]
      this.users.forEach(user => {
        data.push([user.name, user.age, user.hobbies.join(', ')])
      })

      const workbook = XLSX.utils.book_new()
      const sheetName = 'Users'
      const worksheet = XLSX.utils.aoa_to_sheet(data)
      XLSX.utils.book_append_sheet(workbook, worksheet, sheetName)

      const fileName = 'users.xlsx'
      XLSX.writeFile(workbook, fileName)
    }
  }
}

在这个示例中，我们将包含数组的 Vue 数组对象转换为一个二维数组，然后使用 XLSX 库将其导出为 Excel 文件。在导出过程中，我们还可以指定文件名和工作表名称。