vue 在线预览本地pdf文件

可以使用pdf.js这个JavaScript库来实现在线预览本地PDF文件。具体步骤如下：

1. 下载pdf.js库，将里面的web文件夹复制到你的项目中。

2. 在页面中引入pdf.js和pdf.worker.js文件：

<script src="/path/to/pdf.js"></script>
<script src="/path/to/pdf.worker.js"></script>

3. 添加一个canvas元素用于显示PDF内容：

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

4. 使用JavaScript代码加载PDF文件并显示：

// 获取canvas元素
var canvas = document.getElementById('pdf-canvas');

// 使用pdf.js加载PDF文件
PDFJS.getDocument('/path/to/pdf/file').then(function(pdf) {
  // 获取第一页
  pdf.getPage(1).then(function(page) {
    // 计算渲染页面的大小
    var viewport = page.getViewport(canvas.width / page.getViewport(1.0).width);

    // 获取渲染上下文
    var context = canvas.getContext('2d');

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

这样就可以在页面上预览本地PDF文件了。需要注意的是，由于使用了JavaScript库，需要在服务器环境下才能正常运行，本地直接打开会有跨域问题。