vue前端導出excel

<template>
　　
 <el-button style="float: right; margin: 10px" type="primary" @click="export2">導出</el-button>
　　

　　   <!-- 導出表格 start--> 
      <el-table class="tableExport" :data="tableData" hidden>
                   
		  需要導出哪些列，就寫哪些
		  <el-table-column label="id" prop="id"/> 
		  <el-table-column label="名稱" prop="name"/>
		  <el-table-column label="類型" prop="type"/>
      
      </el-table> 
      <!-- 導出表格 end--> 

</template> 
　　

<script>

//"xlsx": "^0.18.5",
//"file-saver": "^2.0.5",
import FileSaver from 'file-saver'
var XLSX = require('xlsx')


 methods: {
      export2() {
        //  .table要導出的是哪一個表格
        var excelDom = XLSX.utils.table_to_book(document.querySelector('.tableExport'))
        var excelType = XLSX.write(excelDom, {
          bookType: 'xlsx',
          bookSST: true,
          type: 'array',
        })
        try {
          //  name+'.xlsx'表示導出的excel表格名字
          FileSaver.saveAs(new Blob([excelType], { type: 'application/octet-stream' }), '產品數據表格.xlsx')
        } catch (e) {
          if (typeof console !== 'undefined');
        }
        return excelType
      },

</script>

文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿文字少不能投稿