vuepdf.js（vuepdfjsdist打包字体问题）

简介：

Vue-pdf.js是一个基于Vue.js和pdf.js的PDF文档展示插件，可以在Vue.js框架下展示PDF文档。使用Vue-pdf.js可以非常方便地展示PDF文档，包括放大、缩小及预览等功能。本文将详细介绍Vue-pdf.js的使用。

多级标题：

1. 安装Vue-pdf.js

2. 在Vue项目中使用Vue-pdf.js

3. 展示PDF文档

4. 调整PDF文档显示的大小

5. 获取PDF文档的页数

内容详细说明：

1. 安装Vue-pdf.js

安装Vue-pdf.js非常简单，只需要在命令行中输入以下命令即可：

```

npm install vue-pdfjs --save

```

安装完成后，还需要在main.js中添加以下代码：

```

import VuePdf from 'vue-pdfjs';

Vue.use(VuePdf);

```

2. 在Vue项目中使用Vue-pdf.js

在Vue项目中使用Vue-pdf.js也非常简单，只需要将Vue-pdf.js组件集成进Vue组件即可：

```

```

以上代码将PDF文件URL作为props传递给Vue-pdf.js组件并展示。

3. 展示PDF文档

使用Vue-pdf.js展示PDF文档非常简单，只需要像使用普通的HTML图片一样将PDF文件URL作为props传递给Vue-pdf.js组件即可。需要注意的是，由于PDF文档较大，可能需要一定时间进行加载。

4. 调整PDF文档显示的大小

通过调整Vue-pdf.js组件的props，可以非常方便地调整PDF文档的大小。例如，设置Vue-pdf.js组件的height和width属性即可调整PDF文档的大小。

```

:src="pdfUrl"

:width="400"

:height="600"

/>

```

5. 获取PDF文档的页数

通过Vue-pdf.js，可以非常方便地获取PDF文档的页数。只需要在Vue组件中获取Vue-pdf.js组件的pageCount属性的值即可。

```

```

以上代码将在Vue组件中获取Vue-pdf.js组件的pageCount属性的值并输出至控制台。

总结：

通过使用Vue-pdf.js，可以非常方便地展示和调整PDF文档的大小，并获取PDF文档的页数。如果你正在为Vue.js项目展示PDF文档而感到困惑，请尝试使用Vue-pdf.js。