vue3.0页面展示pdf

在 Vue3.0 中，想要在页面上展示 PDF 文件，可以采用以下几种常见的方法：

1. 使用第三方库：Vue-PDF 或 Vue-File-Reader 是两个常用的库，它们允许你在 Vue 组件中渲染 PDF 内容。例如，安装 `vue-pdf`:

   npm install vue-pdf

然后在组件中引用并加载 PDF：

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

   <script>
   import VuePdf from 'vue-pdf';

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

2. 使用 iframe：如果需要更原始的方式，可以直接在页面上嵌套一个 iframe，并设置其 `src` 属性指向 PDF 文件地址：

   <iframe src="path/to/your/pdf.pdf" style="width:100%;height:500px;"></iframe>

**注意**：处理 PDF 可能涉及到跨域问题，如果是从其他域名获取的 PDF，可能需要服务器端配合设置 CORS。