vue中使用@vue-office/pdf预览pdf

Vue 中使用 `vue-pdf-office` 这个库预览 PDF 文件通常涉及以下几个步骤：

1. 安装依赖：首先需要安装 `vue-pdf-office` 包，可以使用 npm 或者 yarn 来安装：

   npm install vue-pdf-office
   # 或者
   yarn add vue-pdf-office

2. 引入组件：在 Vue 组件中导入 `PDFViewer` 组件，并将它添加到模板中：

   <template>
     <div>
       <pdf-viewer :src="pdfUrl" />
     </div>
   </template>

其中，`pdfUrl` 是你要预览的 PDF 文件的 URL。

3. 数据绑定：确保你在数据选项中设置了一个变量来存储 PDF 的 URL，例如：

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

4. 使用插件：如果 `vue-pdf-office` 需要配合其他配置或初始化，可能需要在 `mounted()` 生命周期钩子里执行相应操作。

5. 确保浏览器兼容：`vue-pdf-office` 应该能处理现代浏览器，但老版本的浏览器可能需要一些额外的polyfill支持。

mounted() {
  this.$pdf.init({
    path: 'node_modules/vue-pdf-office/dist/pdf.js',
  });
},