vue-pdf 预览时无法滚动浏览，

Question

vue-pdf 预览时无法滚动浏览，不想通过curpage 来更改当前页面，还有pdfjs-dist 也无法安装，也无法操作pdf

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

解决方案

你遇到的问题可能是由于 Vue-PDF 的滚动功能没有正确启用或者 PDF 文件的大小太大导致无法正常滚动。以下是几个解决方案：

1. 检查 Vue-PDF 的版本：确保你使用的 Vue-PDF 版本是最新的，最新版本可能已经修复了滚动功能的问题。
2. 启用滚动功能：在 Vue-PDF 的配置中，启用滚动功能可以通过 @pdf:document-loaded 事件来实现。例如：

this.$pdf.on('document-loaded', () => {
  this.$pdf.getViewport({ scale: 1 })
  this.$pdf.canvas.style.height = '500px' // 设置 PDF 的高度
  this.$pdf.canvas.style.width = '100%' // 设置 PDF 的宽度
})

1. 使用 @pdf:page-loaded 事件：如果上述方法不起作用，可以尝试使用 @pdf:page-loaded 事件来监听页面的加载，例如：

this.$pdf.on('page-loaded', () => {
  this.$pdf.getViewport({ scale: 1 })
  this.$pdf.canvas.style.height = '500px' // 设置 PDF 的高度
  this.$pdf.canvas.style.width = '100%' // 设置 PDF 的宽度
})

1. 检查 PDF 文件的大小：如果 PDF 文件的大小太大，可能会导致滚动功能不工作。尝试缩小 PDF 文件的大小或者使用其他 PDF 解析器。
2. 尝试使用其他 PDF 解析器：如果上述方法不起作用，可以尝试使用其他 PDF 解析器，如 pdfjs-dist 或 pdfjs。