vue展示pdf文件

可以使用pdf.js库来在Vue中展示PDF文件。首先需要安装pdf.js库，可以通过npm安装：

npm install pdfjs-dist

然后在Vue组件中引入pdf.js并使用它来加载PDF文件：

<template>
  <div>
    <canvas ref="pdfCanvas"></canvas>
  </div>
</template>

<script>
import pdfjsLib from 'pdfjs-dist'

export default {
  mounted() {
    // 获取canvas元素
    const canvas = this.$refs.pdfCanvas
    // 获取PDF文件路径
    const pdfUrl = 'path/to/pdf/file.pdf'

    // 加载PDF文件
    pdfjsLib.getDocument(pdfUrl).promise.then(pdf => {
      // 获取第一页
      pdf.getPage(1).then(page => {
        // 设置缩放比例
        const scale = 1.5
        // 获取viewport
        const viewport = page.getViewport({ scale })
        // 设置canvas尺寸
        canvas.height = viewport.height
        canvas.width = viewport.width

        const context = canvas.getContext('2d')
        // 渲染页面
        page.render({
          canvasContext: context,
          viewport
        })
      })
    })
  }
}
</script>