前端根据表格下载导出excel文件

xlsx.full.min.js使用该插件实现前端导出excel文件

      downloadExl() {
        var data = [] // 下载的二维数组数据
        var dataChild = [] // 子数组数据
        var labels = [] // 表头标签
        var props = [] // 表头属性

        this.tableHeader.map(item => {
          labels.push(item.label)
          props.push(item.prop)
        })
        data.push(labels)

        this.tableData.map(item => {
          dataChild = []
          props.map(itemChild => {
            dataChild.push(item[itemChild])
          })
          data.push(dataChild)
        })

        var filename = '记录' + '.xlsx'
        var wb = XLSX.utils.book_new(),
          ws = XLSX.utils.aoa_to_sheet(data)
        XLSX.utils.book_append_sheet(wb, ws, filename) //将数据添加到工作薄
        XLSX.writeFile(wb, filename) //导出Excel
      },

 tableHeader: [
          {
            prop: 'index',
            label: '序号'
          },
          {
            prop: 'name',
            label: '姓名'
          },

]