VUE框架 前端页面使用iframe展示PDF 文件，如何隐藏下载 打印等按钮，仅展示PDF

可以通过在 iframe 中嵌入 PDF 文件时，使用一些特定的参数来控制 PDF 文件的显示。具体来说，可以使用 PDF.js 的 web/viewer.html 页面来实现这个功能。

具体的步骤如下：

1. 下载 PDF.js 库，并将其解压到你的项目中。

2. 在你的 HTML 页面中，添加一个 iframe 标签，用于显示 PDF 文件：

<iframe id="pdf-iframe" src="pdfjs/web/viewer.html?file=example.pdf"></iframe>

其中，src 属性中的 file 参数指定了要显示的 PDF 文件的路径。

3. 在 JavaScript 中，通过获取 iframe 的 contentWindow 和 contentDocument 属性，来控制 PDF 文件的显示。具体来说，可以通过以下代码隐藏 PDF 文件中的工具栏和菜单栏：

const iframe = document.getElementById('pdf-iframe');
const contentWindow = iframe.contentWindow;
const contentDocument = contentWindow.document;

contentWindow.PDFViewerApplication.hideToolbar();
contentWindow.PDFViewerApplication.contextMenuItems = [];

其中，PDFViewerApplication 是 PDF.js 库中的一个全局对象，可以用来控制 PDF 文件的显示。hideToolbar 方法可以隐藏 PDF 文件中的工具栏，contextMenuItems 属性可以用来控制 PDF 文件中的菜单栏。

4. 最后，你需要在 CSS 中设置 iframe 的样式，使其填充整个页面：

#pdf-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
}

这样，你就可以在前端页面使用 iframe 展示 PDF 文件，并且隐藏下载、打印等按钮，仅展示 PDF 内容了。