如何循环多个幻灯片

要循环多个幻灯片，您可以使用PptxGenJS库中的`pptx.getSlides()`方法来获取PPTX文件中的所有幻灯片，然后使用Vue的v-for指令来遍历它们。

以下是一个示例代码：

<template>
  <div>
    <div v-for="(slide, index) in slides" :key="index" class="slide">
      <div v-html="slide.content"></div>
    </div>
  </div>
</template>

<script>
  import PptxGenJS from 'pptxgenjs';

  export default {
    data() {
      return {
        slides: [],
      };
    },
    mounted() {
      const pptx = new PptxGenJS();
      pptx.layout = 'LAYOUT_4x3';
      const slide1 = pptx.addSlide();
      slide1.addText('Slide 1', { x:1.5, y:1.5, w:6, h:1, align:'center', font_size:18 });
      const slide2 = pptx.addSlide();
      slide2.addText('Slide 2', { x:1.5, y:1.5, w:6, h:1, align:'center', font_size:18 });
      const slide3 = pptx.addSlide();
      slide3.addText('Slide 3', { x:1.5, y:1.5, w:6, h:1, align:'center', font_size:18 });
      pptx.writeFile('My Presentation.pptx', (err) => {
        if (err) {
          console.log(err);
        }
      });
      const slides = pptx.getSlides();
      this.slides = slides.map((slide) => {
        return {
          content: slide.getHtml(),
        };
      });
    },
  };
</script>

<style>
  .slide {
    page-break-after: always;
  }
</style>

在这个示例中，我们创建了三张幻灯片，并将它们保存为PPTX文件。然后，我们使用`pptx.getSlides()`方法获取了所有幻灯片，并将它们保存在Vue组件的`slides`数组中。最后，我们使用Vue的v-for指令来循环遍历这些幻灯片，并在页面上显示它们的内容。

请注意，在上面的代码中，我们使用了CSS的`page-break-after`属性来确保每张幻灯片都在单独的一页上显示。这是因为PPTX文件中的每张幻灯片都有自己的大小和布局，因此需要确保它们在页面上正确地排列。