vue在项目里预览pdf

要在Vue项目中预览PDF文件，可以使用pdf.js库。以下是一些步骤：

1. 安装pdf.js库：

npm install pdfjs-dist --save

2. 在vue组件中引入pdf.js库：

import pdfjsLib from 'pdfjs-dist'

3. 创建一个canvas元素来呈现PDF：

<canvas id="pdf-canvas"></canvas>

4. 加载PDF文件并将其呈现在canvas上：

const canvas = document.getElementById('pdf-canvas')
const context = canvas.getContext('2d')

pdfjsLib.getDocument(url).promise.then(pdf => {
  pdf.getPage(1).then(page => {
    const scale = 1.5
    const viewport = page.getViewport({ scale })

    canvas.height = viewport.height
    canvas.width = viewport.width

    page.render({ canvasContext: context, viewport })
  })
})

在上面的代码中，我们首先获取canvas元素和它的上下文。然后，我们使用pdf.js的`getDocument`方法加载PDF文件。一旦我们有了PDF对象，我们使用`getPage`方法获取第一页，然后通过设置缩放比例和获取视口对象来计算canvas的大小。最后，我们使用`render`方法将页面呈现在canvas上。

这是一个非常基本的示例，可以根据您的需求进行修改。您可以将其包装在Vue组件中，以便更好地组织代码。