vue2 PDF预览

在Vue2中预览PDF通常是结合第三方库，如jsPDF或pdfmake等来实现。下面是一个简单的例子，展示如何使用`vue-pdf-viewer`这个轻量级的PDF预览组件：

1. **安装依赖**：首先你需要安装`vue-pdf-viewer`组件：

   npm install vue-pdf-viewer

2. **引入并配置组件**：

   <template>
     <div>
       <pdf-viewer ref="pdfViewer" :src="pdfSrc" />
     </div>
   </template>

   <script>
   import { PdfViewer } from 'vue-pdf-viewer';

   export default {
     components: {
       PdfViewer,
     },
     data() {
       return {
         pdfSrc: 'https://yourpdfsource.com/example.pdf', // 替换为你的PDF文件源地址
       };
     },
   };
   </script>

3. **使用预览组件**：将PDF链接放在`src`属性中，用户点击或页面加载时，PDF就会自动预览。

<pdf-viewer ref="pdfViewer" :src="pdfSrc" />