vue项目可以预览pdf文件，要代码

当然可以，你可以使用pdf.js库来预览pdf文件。以下是一个简单的示例代码：

1.将以下代码添加到您的Vue项目的index.html文件中：

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.9.359/pdf.min.js"></script>

2.在您的Vue组件中创建一个pdf预览方法：

previewPDF() {
  // 获取PDF文档的URL
  const url = '/path/to/pdf/file.pdf';

  // 加载PDF文档
  PDFJS.getDocument(url).then((pdf) => {
    // 获取第一页
    pdf.getPage(1).then((page) => {
      const canvas = this.$refs.pdfViewer; // 获取canvas元素
      const context = canvas.getContext('2d');

      // 获取当前页面的宽度
      const viewport = page.getViewport({ scale: 1 });
      canvas.width = viewport.width;
      canvas.height = viewport.height;

      // 渲染页面
      page.render({
        canvasContext: context,
        viewport
      });
    });
  });
}

3.在您的Vue组件中添加一个canvas元素用于显示PDF页面：

<canvas ref="pdfViewer"></canvas>

4.最后，在您的Vue组件中调用预览方法即可：

<button @click="previewPDF()">预览PDF文件</button>

请注意，您需要将PDF文件的URL替换为实际的文件路径。