VUE框架 前端页面使用iframe展示PDF 文件，前端接收后端PDF文件流，在不使用插件的情况下，如何隐藏下载 打印等按钮，仅展示PDF

可以在前端页面使用 `pdf.js` 库来展示 PDF 文件，并且通过设置参数来隐藏下载、打印等按钮，仅展示 PDF 内容。

具体实现步骤如下：

1. 在前端页面中引入 `pdf.js` 库的脚本文件：

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.7.570/pdf.min.js"></script>

2. 在前端页面中添加一个用于展示 PDF 文件的 `<canvas>` 标签：

<canvas id="pdf-canvas"></canvas>

3. 在前端页面的 JavaScript 中，通过 AJAX 请求获取后端返回的 PDF 文件流，并将其转换为 `ArrayBuffer` 格式：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/pdf/file', true);
xhr.responseType = 'arraybuffer';

xhr.onload = function() {
  const arrayBuffer = xhr.response;
  // TODO: 接下来的步骤
};

xhr.send();

4. 将 `ArrayBuffer` 格式的 PDF 文件流加载到 `pdf.js` 中，并且在加载完成后调用 `renderPDF()` 方法来将 PDF 文件渲染到 `<canvas>` 标签中：

const canvas = document.getElementById('pdf-canvas');
const pdfjsLib = window['pdfjs-dist/build/pdf'];

pdfjsLib.getDocument({data: arrayBuffer}).promise.then(function(pdf) {
  pdf.getPage(1).then(function(page) {
    const viewport = page.getViewport({scale: 1.0});
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    page.render({
      canvasContext: canvas.getContext('2d'),
      viewport: viewport
    }).promise.then(function() {
      // 渲染完成后的操作
    });
  });
});

function renderPDF() {
  // TODO: 渲染 PDF 文件到 canvas 标签中
}

5. 在 `page.render()` 方法中，可以通过设置 `renderInteractiveForms` 和 `removePageBorders` 参数来隐藏 PDF 文件中的按钮和边框。具体来说，可以修改 `renderPDF()` 方法如下：

function renderPDF() {
  // TODO: 渲染 PDF 文件到 canvas 标签中

  page.render({
    canvasContext: canvas.getContext('2d'),
    viewport: viewport,
    renderInteractiveForms: false,
    removePageBorders: true
  });
}

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