使用 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 解决了我的问题。