多个Pdf查看器通过Vue Pdf App组件添加同一页

<template>
  <div ref="pdfContainer"></div>
</template>

<script>
import pdfjsLib from 'pdfjs-dist/build/pdf';
import 'pdfjs-dist/web/pdf_viewer.css';

export default {
  mounted() {
    const pdfContainer = this.$refs.pdfContainer;
    const pdfPath = 'path/to/your/pdf/file.pdf';

    pdfjsLib.getDocument(pdfPath).promise.then((pdf) => {
      const viewer = new pdfjsLib.PDFViewer({
        container: pdfContainer,
      });
      viewer.setDocument(pdf);
    });
  },
};
</script>

<template>
  <div>
    <PdfViewer :pdfPath="pdfPaths[0]" />
    <PdfViewer :pdfPath="pdfPaths[1]" />
    <PdfViewer :pdfPath="pdfPaths[2]" />
    <!-- 添加更多PdfViewer组件 -->
  </div>
</template>

<script>
import PdfViewer from './PdfViewer.vue';

export default {
  components: {
    PdfViewer,
  },
  data() {
    return {
      pdfPaths: [
        'path/to/your/pdf/file1.pdf',
        'path/to/your/pdf/file2.pdf',
        'path/to/your/pdf/file3.pdf',
        // 添加更多Pdf文件路径
      ],
    };
  },
};
</script>