vue导出对话框里的内容为表格

想要在 Vue 中将对话框里的内容导出为表格，可以使用 js-xlsx 这个库来实现。以下是一个简单的示例代码：

首先，在 Vue 的组件中引入 js-xlsx 和 file-saver 两个库：

import * as XLSX from 'xlsx'
import * as FileSaver from 'file-saver'

然后，在需要导出表格的方法中，将需要导出的数据转换为 XLSX 格式，并将其保存为文件：

exportTable() {
  // 定义表格的表头和数据
  const header = ['姓名', '年龄', '性别']
  const data = [
    ['张三', 18, '男'],
    ['李四', 20, '女'],
    ['王五', 22, '男']
  ]

  // 将表头和数据合并为一个数组
  const worksheet = XLSX.utils.aoa_to_sheet([header, ...data])

  // 创建一个 workbook 对象，并将数据添加到其中
  const workbook = XLSX.utils.book_new()
  XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1')

  // 将 workbook 对象转换为二进制数据流
  const wbout = XLSX.write(workbook, { type: 'binary', bookType: 'xlsx' })

  // 将二进制数据流保存为文件
  FileSaver.saveAs(new Blob([s2ab(wbout)], { type: 'application/octet-stream' }), 'table.xlsx')
}

// 将字符串转换为 ArrayBuffer
function s2ab(s) {
  const buf = new ArrayBuffer(s.length)
  const view = new Uint8Array(buf)
  for (let i = 0; i < s.length; i++) {
    view[i] = s.charCodeAt(i) & 0xFF
  }
  return buf
}

上面的代码中，我们首先定义了表格的表头和数据，然后将其合并为一个数组，并使用 `aoa_to_sheet` 方法将其转换为 XLSX 格式的数据。接着，我们创建了一个 workbook 对象，并将数据添加到其中，然后使用 `write` 方法将 workbook 对象转换为二进制数据流。最后，我们将二进制数据流保存为文件，并将其下载到本地。

需要注意的是，上面的代码中的 `s2ab` 函数将字符串转换为 ArrayBuffer 类型，这是因为我们需要将 XLSX 数据转换为二进制格式才能保存为文件。