用vue3使用pdfobject写一个预览pdf文件功能并且禁用下载功能

首先，需要安装pdfobject。

npm install pdfobject --save

然后，在vue组件中引入pdfobject。

import pdfobject from 'pdfobject';

接着，在组件的mounted钩子函数中使用pdfobject来预览pdf文件。

mounted() {
  pdfobject.embed("url/to/pdf/file.pdf", "#pdf-preview", {
    pdfOpenParams: {
      view: "FitH",
      pagemode: "thumbs",
      toolbar: 0,
      statusbar: 0,
      messages: 0,
      navpanes: 0
    },
    fallbackLink: "<p>Your browser does not support PDFs. Please download the PDF to view it: <a href='url/to/pdf/file.pdf'>Download PDF</a>.</p>",
    forcePDFJS: true
  });
}

在上面的代码中，第一个参数是pdf文件的url，第二个参数是pdf文件的容器元素的选择器，第三个参数是pdf预览选项。其中，pdfOpenParams可以设置打开pdf文件时的参数，fallbackLink是当浏览器不支持pdf时的回退链接，forcePDFJS设置为true时会强制使用PDF.js来渲染pdf文件。

最后，在组件中使用样式来隐藏pdf文件的下载按钮。

<template>
  <div id="pdf-preview"></div>
</template>

<style>
  .pdfobject-container .pdfobject-toolbar button.download {
    display: none;
  }
</style>

这样就可以实现预览pdf文件并禁用下载功能了。