使用 vue.js 在网站上显示 pdf 文档（移动设备友好）

Question

我正在使用 vue.js，我想在网站上显示 pdf。我不断看到许多需要上传按钮和条件显示的复杂 pdf 查看器示例 - 这不是我需要的。

我只需要在我的网页的 div 中显示一个硬编码的 pdf 文档。

这是我目前使用 iframe 所拥有的

我需要实际 pdf 页面的宽度填充 100% 的宽度（为了便于阅读）。我不想显示灰色背景。该页面还应该适合移动设备。

接受包括不使用 iframe 在内的建议，尤其是如果它可以使页面更适合移动设备。如果您要调出 vue-pdf 或 PDF.js，请附上一些关于如何使用它们的明确说明。

PS：我正在使用一些参数来删除工具栏和导航窗格，如下所示：

src="<MY PDF HERE>.pdf#toolbar=0&navpanes=0&scrollbar=1"

我已尝试添加 &zoom=100 或 &view=Fit，但这并不能解决我的问题。

Here is a list of all the parameters.

Answer 1

我撒谎了。在我的 pdf url 末尾添加 &zoom=140 解决了我的问题。