vue-pdf全部pdf页面显示

你可以使用v-for指令来遍历所有的pdf页面，并通过滑动展示它们。以下是一个示例代码：

<template>
  <div>
    <pdf v-for="(page, index) in pdfPages" :key="index" :src="page.src" :page="page.pageNumber" />
  </div>
</template>

<script>
import pdf from 'vue-pdf'

export default {
  components: {
    pdf
  },
  data() {
    return {
      pdfPages: [
        { src: 'path/to/pdf1.pdf', pageNumber: 1 },
        { src: 'path/to/pdf2.pdf', pageNumber: 2 },
        { src: 'path/to/pdf3.pdf', pageNumber: 3 },
        // 添加更多的pdf页面...
      ]
    }
  }
}
</script>

在上面的代码中，我们使用v-for指令遍历pdfPages数组，并为每个pdf页面创建一个pdf组件。你可以根据需要添加更多的pdf页面到pdfPages数组中。

需要注意的是，由于pdf文件存在跨域问题，你需要后端同学的支持来解决这个问题。他们可以通过设置响应头或使用代理来解决跨域问题。