vue项目导出excel的方法

第一步下载依赖 npm install xlsx --save

第二步引入：import XLSX from 'xlsx'  

<template>
  <div>
     <el-button type="primary" @click="exportClick">导出模板下载</el-button>
  </div>
</template>
<script>
  import XLSX from 'xlsx'
</script>

第三步使用：

methods:{
   exportClick() {

      //data1里面的每一项数据为表格的一行数据
      var data1 = [
        ['名字','年龄'],
        ['张三','18'],
        ['王五','20']
      ]

      //1. 新建一个工作簿
      let workbook = XLSX.utils.book_new()

      //2 把数组转换为工作表
      let sheet1 = XLSX.utils.aoa_to_sheet(data1)

      //3.在工作簿中添加工作表
      XLSX.utils.book_append_sheet(workbook, sheet1, 'name1') //工作簿名称

      //4.输出工作表,由文件名决定的输出格式
      XLSX.writeFile(workbook, '.xlsx') // 保存的文件名
    },
}