vue3+pdf.js读取pdf文件内容信息

在Vue 3中使用pdf.js读取PDF文件内容信息，你需要先安装pdf.js库：

npm install pdfjs-dist

然后，你可以创建一个Vue组件来读取和显示PDF文件的内容信息。以下是一个简单的例子：

<template>
  <div>
    <div v-if="pdfDocument">
      <h1>PDF内容信息</h1>
      <!-- 这里可以添加更多的内容信息显示 -->
      <p>页数: {{ pdfDocument.numPages }}</p>
    </div>
  </div>
</template>
 
<script>
import { getDocument } from 'pdfjs-dist/webpack';
 
export default {
  data() {
    return {
      pdfDocument: null,
    };
  },
  mounted() {
    this.loadPdf();
  },
  methods: {
    async loadPdf() {
      try {
        // 用getDocument加载PDF
        this.pdfDocument = await getDocument(this.pdfUrl).promise;
      } catch (error) {
        console.error('Error loading PDF: ', error);
      }
    },
  },
};
</script>

在这个例子中，我们在组件的mounted钩子中调用loadPdf方法来异步加载PDF文件。加载完成后，我们将pdfDocument设置为返回的PDF文档对象。然后，你可以在模板中使用这个对象来访问PDF的内容信息，如页数。

请注意，你需要根据你的项目具体配置和需求调整这个例子。例如，你可能需要处理PDF的页面内容，这就涉及到遍历每一页并获取页面的详细信息。