vue3+elementUiPlus表格导出功能

1.下载需要的组件包

npm install file-saver xlsx

2.页面中导入

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

 3.页面中的表格加一个id

<el-table
        :data="tableData"
        ref="multipleTableRef"
        style="width: 100%"
id="my-table">

        为了方法连接

4. 导出按钮

<el-button type="primary" icon="download" @click="exportClick ">导出</el-button>

 5.导出方法

const exportClick = () => {
  var table = document.querySelector('#my-table');
  // 复制表格，不包括第一列和最后一列
  var clonedTable = table.cloneNode(true);
  clonedTab