Vue3.js 中使用 PDFh5 查看 PDF 文件

PDFh5 是一个基于 HTML5 和 JavaScript 的 PDF 查看器，可以在网页上直接查看 PDF 文件。在 Vue3 中使用 PDFh5 需要先安装 pdfh5 插件，可以通过以下命令进行安装：

npm install pdfh5

安装完成后，在 Vue3 的组件中引入 pdfh5：

<template>
  <div>
    <pdf-viewer :src='pdfSrc'/>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
import PdfViewer from 'pdfh5'

export default defineComponent({
  name: 'PdfView',
  components: {
    PdfViewer,
  },
  data() {
    return {
      pdfSrc: 'https://pdfh5.com/examples/helloworld.pdf',
    }
  },
})
</script>

在以上示例代码中，我们在 Vue3 组件中引入了 PdfViewer 组件，并设置了 pdfSrc 属性为 PDF 文件的 URL 地址。在模板中，我们直接使用 PdfViewer 组件即可展示 PDF 文件。