vue pdfjs-dist浏览pdf文件

你可以使用vue-pdf和pdfjs-dist库来在Vue项目中浏览PDF文件。

首先，确保你的Vue项目已经安装了vue-pdf和pdfjs-dist库。你可以使用以下命令来安装它们：

npm install vue-pdf pdfjs-dist

接下来，在你想要浏览PDF文件的组件中，引入所需的库：

import pdfjs from 'pdfjs-dist/webpack'
import 'pdfjs-dist/web/pdf_viewer.css'
import VuePdf from 'vue-pdf'

然后，在Vue组件中使用VuePdf组件，并传递一个PDF文件的URL或文件对象作为prop：

<template>
  <div>
    <vue-pdf :src="pdfUrl" :worker-src="pdfWorker"></vue-pdf>
  </div>
</template>

<script>
export default {
  components: {
    VuePdf
  },
  data() {
    return {
      pdfUrl: '<PDF文件的URL>',
      pdfWorker: pdfjs.GlobalWorkerOptions.workerSrc
    }
  }
}
</script>

在上面的代码中，将`<PDF文件的URL>`替换为你要浏览的PDF文件的实际URL。同时，`pdfWorker`属性设置为`pdfjs.GlobalWorkerOptions.workerSrc`，这是pdfjs-dist库提供的Web Worker脚本URL。

现在，你应该能够在Vue应用中浏览PDF文件了。请确保你已经正确设置了PDF文件的URL，并且安装了必要的依赖库。