vue excel导出

你可以使用以下步骤来实现Vue中的Excel导出：

1. 安装`file-saver`和`xlsx`库

npm install file-saver xlsx --save

2. 在Vue组件中导入所需的库

import { saveAs } from 'file-saver';
import XLSX from 'xlsx';

3. 创建一个导出Excel的方法

exportExcel() {
  // 创建一个工作簿
  const workbook = XLSX.utils.book_new();

  // 创建一个工作表
  const worksheet = XLSX.utils.json_to_sheet(this.dataList);

  // 将工作表添加到工作簿中
  XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

  // 将工作簿转换为一个二进制对象
  const excelBuffer = XLSX.write(workbook, {
    bookType: 'xlsx',
    type: 'array'
  });

  // 创建一个Blob对象并保存为Excel文件
  const blob = new Blob([excelBuffer], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
  saveAs(blob, 'file.xlsx');
}

4. 在Vue组件中调用导出方法

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

<script>
import { saveAs } from 'file-saver';
import XLSX from 'xlsx';

export default {
  data() {
    return {
      dataList: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 22, gender: '女' },
        { name: '王五', age: 30, gender: '男' }
      ]
    };
  },
  methods: {
    exportExcel() {
      // 导出Excel的方法
    }
  }
};
</script>

以上是一个简单的Vue中导出Excel的实现方法。希望能对你有所帮助！