vue3使用vue-pdf

Vue3中引入PDF功能通常会利用第三方库如`vue-pdf`, 这是一个用于在Vue应用中嵌入并渲染PDF文件的轻量级库。它允许你在单页面应用程序中轻松地显示PDF文档，而无需额外的浏览器插件。

要在Vue3项目中使用`vue-pdf`, 首先需要安装依赖：

npm install vue-pdf

然后，在组件中导入并使用它：

<template>
  <div>
    <pdf-viewer ref="pdfViewer" :src="pdfUrl"></pdf-viewer>
  </div>
</template>

<script>
import { PdfViewer } from 'vue-pdf';

export default {
  components: {
    PdfViewer,
  },
  data() {
    return {
      pdfUrl: 'path/to/your/pdf/document.pdf', // 替换为你的PDF文件路径
    };
  },
};
</script>

确保在`<pdf-viewer>`元素上设置了正确的数据绑定，比如`:src`属性引用了PDF文件的URL。当PDF文件加载完成后，就可以在页面上看到PDF内容了。