vue-pdf 使用

要在Vue中使用`vue-pdf`库来显示PDF文件，你可以按照以下步骤进行操作：

1. 安装 `vue-pdf`：通过 npm 或 yarn 安装 `vue-pdf` 包。

   npm install vue-pdf

或者

   yarn add vue-pdf

2. 在你的 Vue 项目中引入并注册 `vue-pdf` 组件。

   import Vue from 'vue'
   import VuePdf from 'vue-pdf'

   Vue.component('vue-pdf', VuePdf)

3. 在你的组件模板中使用 `<vue-pdf>` 标签来显示 PDF 文件。

   <template>
     <div>
       <vue-pdf :src="pdfUrl" :page="1" :scale="1.5"></vue-pdf>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         pdfUrl: 'path/to/your/pdf/file.pdf' // 替换为你的 PDF 文件路径
       }
     }
   }
   </script>

在上述示例中，我们将 `pdfUrl` 属性设置为你要加载和显示的 PDF 文件的路径。通过设置 `:page` 属性来指定要显示的页面，默认为第一页。`scale` 属性用于设置缩放级别，默认为 1。

你还可以根据需要自定义其他属性，例如设置宽度和高度、指定要渲染的页面范围等。有关更多可用选项，请参考 `vue-pdf` 的文档。

请确保你已经正确安装了 `vue-pdf` 并按照上述步骤在组件中引入和使用了该库。