vue-pdf使用+分页预览+第一查看正常，第二次查看空白

Vue-pdf 是一个用于在 Vue.js 应用中嵌入 PDF 文件的组件，它依赖于 pdf.js 这个库来渲染 PDF 文件。要使用 vue-pdf 组件实现 PDF 的分页预览，并解决第一次查看正常而第二次查看出现空白的问题，你可以按照以下步骤操作：

1. 安装 vue-pdf：
你可以通过 npm 或 yarn 来安装 vue-pdf。

   npm install vue-pdf --save
   或者
   yarn add vue-pdf

2. 在 Vue 组件中引入并使用 vue-pdf：
在你的 Vue 组件中引入 vue-pdf，并在模板中使用它。例如：

   import VuePdf from 'vue-pdf';
   export default {
     components: {
       VuePdf
     }
   }

然后在模板中这样使用：

   <template>
     <div>
       <vue-pdf
         :pdf="pdfSource"
         :page="page"
         @num-pages="numPages = $event"
         @page-loaded="onPageLoaded"
         style="width: 100%; height: 500px;"></vue-pdf>
     </div>
   </template>

3. 实现分页预览：
你可以通过监听 `page-loaded` 事件来实现分页预览的功能，并在事件处理函数中更新当前查看的页码。

4. 解决第二次查看时出现空白的问题：
这个问题可能是由于组件没有在第一次渲染后正确更新导致的。你可以尝试以下方法：
- 确保在切换到另一个 PDF 或页码时，组件有正确的重新渲染逻辑。
- 如果你在使用 `pdfSource` 作为 PDF 源，确保这是一个响应式的数据源，以便 vue-pdf 可以检测到变化并重新渲染。
- 可以尝试添加一个 key 属性来强制组件在每次渲染时重新创建，例如：`:key="pdfSource"`。

5. 为了调试问题，你可以查看控制台输出和 vue-pdf 的日志，看看是否有错误信息或警告。