vue pdf.js隐藏工具栏

要在Vue中隐藏PDF.js工具栏，你可以使用以下步骤：

1. 首先，你需要在Vue项目中安装并导入PDF.js库。你可以通过npm或yarn安装该库。例如，使用npm安装：

npm install pdfjs-dist

然后在你的Vue组件中导入库：

import pdfjsLib from 'pdfjs-dist';

2. 在Vue组件的`mounted`生命周期钩子函数中，加载并渲染PDF文档。你可以使用PDF.js提供的`getDocument()`方法来加载文档，并在加载成功后将其渲染到页面上。同时，你可以通过设置`hideToolbar`选项为`true`来隐藏工具栏。

mounted() {
  const pdfPath = 'path/to/your/pdf/file.pdf';
  const container = this.$refs.pdfContainer;

  pdfjsLib.getDocument(pdfPath).promise.then(pdf => {
    pdf.getPage(1).then(page => {
      const canvas = this.$refs.pdfCanvas;
      const context = canvas.getContext('2d');

      const viewport = page.getViewport({ scale: 1 });
      canvas.width = viewport.width;
      canvas.height = viewport.height;

      page.render({
        canvasContext: context,
        viewport: viewport,
      });

      const viewer = new pdfjsViewer.PDFViewer({
        container: container,
        hideToolbar: true, // 隐藏工具栏
      });
      viewer.setDocument(pdf);
    });
  });
}

3. 在Vue模板中添加一个容器元素以渲染PDF，并将其与相应的引用关联起来。

<template>
  <div>
    <div ref="pdfContainer"></div>
    <canvas ref="pdfCanvas"></canvas>
  </div>
</template>

通过以上步骤，你就可以在Vue中加载并渲染PDF文档，并隐藏PDF.js工具栏了。记得根据你的实际需求进行调整。