vue2 导出xlsx表格，多页签

在 Vue.js 2 中，导出Excel表格并支持多页签通常会涉及到两个关键部分：首先使用一个库如 `vue-xlsx` 或 `js-xlsx` 来处理Excel文件生成，然后结合前端路由或分页插件来实现多页签的切换。

1. **安装依赖**:
首先需要安装用于生成 Excel 文件的库。对于 Vue 项目，可以使用 `npm` 或 `yarn` 进行安装：

   npm install xlsx vue-xlsx // 如果你想用 vue-xlsx

2. **生成Excel表格**:
在每个页面组件中，你可以创建一个方法来生成 Excel 表格。例如，使用 `vue-xlsx` 的例子：

   import { writeXLSXFile } from 'vue-xlsx'

   export default {
     methods: {
       generateExcel(data) {
         const workbook = XLSX.utils.book_new()
         // 添加工作表并设置数据...
         let filename = 'report.xlsx'
         writeXLSXFile(workbook, filename)
         // 下载或提供下载链接给用户
         this.$http.post('/api/download', { file: workbook }).then(response => {
           // 处理下载响应
         })
       }
     }
   }

3. **实现多页签切换**:
使用 Vue Router 或 Vue 的分页插件（如 `vue-paginate`），在父组件管理所有页面的状态，并在路由变化时更新数据展示内容。例如，通过 Vue Router 的动态路由：

   <router-link :to="{ name: 'sheetPage', params: { sheetName: sheet.name, currentPage: page } }">Sheet</router-link>

然后在对应的路由组件里接收参数并加载对应的数据：

   computed: {
     currentSheet() {
       return this.$route.params.sheetName;
     },
     currentPage() {
       return parseInt(this.$route.params.currentPage);
     }
   },
   mounted() {
     this.loadSheetData();
   },
   methods: {
     loadSheetData() {
       // 根据当前页签名称和页码获取数据
       // 调整生成 Excel 的数据范围
     }
   }

4. **