使用vue-pdf预览PDF文件地址

在Vue中使用`vue-pdf`预览PDF文件，你需要做以下几个步骤：

1. **安装依赖**：首先确保已经安装了`vue-pdf`库。如果没有，可以使用npm或yarn进行安装：

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

2. **引入并注册组件**：在你的Vue组件中引入`PDFViewer`组件并注册到Vue实例中：

   import Vue from 'vue';
   import PDFViewer from 'vue-pdf';

   Vue.use(PDFViewer);

3. **在模板中使用PDFViewer**：
在你的组件模板里，通过`:src`属性指定PDF文件的URL，比如：

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

`pdfUrl`是数据绑定变量，存储你的PDF文件链接，例如：

   data() {
     return {
       pdfUrl: 'https://example.com/path/to/your-pdf-file.pdf'
     };
   },
   methods: {
     handlePdfError(error) {
       // 处理加载失败的情况
       console.error('PDF loading error:', error);
     }
   }

4. **处理错误**：
可能会遇到网络连接问题或其他错误，所以要设置处理函数来捕获并处理这些异常。

记得检查你的PDF文件是否可用以及网络连接情况，因为`vue-pdf`是异步加载的。