如何隐藏pdf组件中的下载和打印按钮？

Question

如何隐藏pdf组件中的下载和打印

Answer 1

1、下载pdf.js查看器，推荐兼容性比较好的版本pdf.js

2、把build、web文件夹拷贝到public文件夹下面

3、预览pdf

<iframe :src="'/web/viewer.html?file=' + '文件流'" width="100%" height="100%" id="embed" />

4、隐藏下载打印按钮
直接修改源码

 <button id="secondaryPrint" class="secondaryToolbarButton print visibleMediumView" title="Print" tabindex="53" data-l10n-id="print" style="display: none;">
  <span data-l10n-id="print_label">Print</span>
</button>

<button id="secondaryDownload" class="secondaryToolbarButton download visibleMediumView" title="Download" tabindex="54" data-l10n-id="download" style="display: none;">
  <span data-l10n-id="download_label">Download</span>
</button>