vue+elementui使用print-js循环打印表格，将每个表格进行分页打印

在Vue.js配合Element UI和`print-js`进行分页打印表格时，首先需要在Vue组件中对表格数据进行分页，并且在每页数据上创建单独的打印任务。以下是一个简化的示例：

1. 安装依赖：

   npm install element-ui print-js

2. 引入所需的库并导入组件：

   import Vue from 'vue';
   import ElementUI from 'element-ui';
   import PrintService from 'print-js';

3. 在Vue组件中进行分页和数据绑定：

   <template>
     <div>
       <el-pagination :total="tableData.length" :page-size="pageSize" @current-change="handleCurrentChange"></el-pagination>
       <el-table v-for="(item, index) in paginatedTableData" :key="index">
         <!-- 表格内容 -->
       </el-table>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         tableData: [], // 数据源
         pageSize: 10, // 每页大小
         currentPage: 1, // 当前页数
         pages: [] // 打印的页数组
       };
     },
     methods: {
       handleCurrentChange(currentPage) {
         this.currentPage = currentPage;
         this.paginate();
       },
       paginate() {
         const start = (this.currentPage - 1) * this.pageSize;
         const end = start + this.pageSize;
         this.paginatedTableData = this.tableData.slice(start, end);
         // 创建打印任务，这里的例子只展示一页，你需要针对每页分别操作
         if (end <= this.tableData.length) {
           this.pages.push(this.createPrintTask());
         }
       },
       createPrintTask() {
         // 根据当前页的数据生成打印任务，可能需要调整打印样式等
         const task = PrintJS.createService({
           ... // 设置打印选项，比如 pageSize 和页面布局
         }).print(...);
         // 返回任务实例，以便于管理和控制打印过程
         return task;
       }
     }
   };
   </script>

4. 对每个打印任务进行控制：
在`createPrintTask`函数中，你可以使用`print-js`提供的服务生成打印任务，然后调用`start()`方法开始打印。

请注意这只是一个基础示例，实际应用中可能需要考虑更多细节，如处理打印过程中可能的错误，以及优化性能等问题。另外，`print-js`提供了多种服务类型（如HTML、PDF），选择最适合表格导出的形式即可。