vue-pdf展示多页pdf

你可以使用vue-pdf来展示多页PDF文件。首先，确保你的项目中已经安装了vue-pdf依赖。然后，按照以下步骤进行操作：

1. 在需要展示PDF的组件中，导入vue-pdf：

import { pdfjs } from 'vue-pdf';

2. 注册vue-pdf组件：

export default {
  components: {
    pdf: pdfjs
  },
}

3. 在模板中使用vue-pdf来展示PDF文件：

<pdf :src="pdfUrl" :page="currentPage" :rotation="rotation" @num-pages="numPages = $event"></pdf>

这里的`pdfUrl`是你要展示的PDF文件的URL，`currentPage`是当前页数，`rotation`是旋转角度，`numPages`是总页数。

4. 在组件的data中定义相应的变量：

data() {
  return {
    pdfUrl: '/path/to/your/pdf.pdf',
    currentPage: 1,
    rotation: 0,
    numPages: 0
  }
}

5. 可以添加一些控制按钮来切换页面和旋转PDF：

<button @click="previousPage">上一页</button>
<button @click="nextPage">下一页</button>
<button @click="rotate">旋转</button>

6. 在组件的methods中定义相应的方法来处理按钮点击事件：

methods: {
  previousPage() {
    if (this.currentPage > 1) {
      this.currentPage--;
    }
  },
  nextPage() {
    if (this.currentPage < this.numPages) {
      this.currentPage++;
    }
  },
  rotate() {
    this.rotation += 90;
  }
}

现在，当你运行应用程序时，你应该能够看到一个展示多页PDF的界面，并且可以使用按钮来切换页面和旋转PDF。