vue引入pdfjs

在Vue中引入pdf.js可以通过以下步骤实现：

1.首先，需要安装pdf.js。可以通过npm安装，命令如下：

npm install pdfjs-dist

2.在Vue组件中引入pdf.js，可以使用以下代码：

import pdfjsLib from 'pdfjs-dist'

3.在Vue组件中使用pdf.js，可以使用以下代码：

pdfjsLib.getDocument(url).then(function(pdf) {
  // 处理pdf文件
})

其中，url是pdf文件的路径或URL。可以使用相对路径或绝对路径。

4.如果需要在Vue组件中预览pdf文件，可以使用以下代码：

<template>
  <div>
    <iframe :src="pdfUrl" width="100%" height="100%" frameborder="0"></iframe>
  </div>
</template>

<script>
import pdfjsLib from 'pdfjs-dist'

export default {
  data() {
    return {
      pdfUrl: ''
    }
  },
  mounted() {
    const url = '/images/file/11.pdf'
    pdfjsLib.getDocument(url).then(pdf => {
      const totalPages = pdf.numPages
      this.pdfUrl = `/PDF.js/web/viewer.html?file=${url}#page=1&zoom=auto,0,100`
    })
  }
}
</script>

其中，pdfUrl是iframe的src属性，url是pdf文件的路径或URL。在mounted钩子函数中，使用pdfjsLib获取pdf文件的总页数，然后设置pdfUrl为预览pdf文件的URL。