欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

实现下载Excel文件

程序员文章站 2024-03-20 16:22:22
...

安装: npm i vue-xlsx

import XLSX from 'xlsx'

private column: string[] = [
  'User ID',
  'Name'
]

private download() {
  const data = [
    {'User ID':1, 'Name': 'Joe'},
    {'User ID':12, 'Name': 'John'}
  ]
  /**
  如果使用axios获取数据
  const result = await this.userService.getAllUsers()
  if(result) {
    //如果map里面包含其他的axios请求,需要使用Promise.all
    const data = await Promise.all(
      result.map(async user => ({
        'User ID': user.user_id,
        'Name': user.name
      }))
    )
  }
  */
  const dataWS = XLSX.utils.json_to_sheet(data)
  const wb = XLSX.utils.book_new()
  XLSX.utils.book_append_sheet(wb, dataWS, 'data')
  XLSX.writeFile(wb, 'data.xlsx')
}
相关标签: Vue + ts