Vue移动端预览本地pdf

要在Vue移动端预览本地pdf，你可以使用一个叫做`pdf.js`的JavaScript库。这个库可以在浏览器中渲染pdf文件，使其能够被预览。

以下是在Vue项目中使用`pdf.js`的基本步骤：

1. 首先安装`pdf.js`库

   npm install pdfjs-dist

2. 在Vue组件中引入`pdf.js`

   import pdfjsLib from 'pdfjs-dist';

3. 加载本地pdf文件

   const loadingTask = pdfjsLib.getDocument('path/to/your/pdf/file.pdf');

4. 渲染pdf文件

   loadingTask.promise.then(pdf => {
     pdf.getPage(1).then(page => {
       const canvas = document.getElementById('pdf-canvas');
       const context = canvas.getContext('2d');
       const viewport = page.getViewport({ scale: 1 });

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

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

在上面的代码中，我们首先加载pdf文件，然后获取第一页并在画布上渲染它。

5. 在Vue模板中添加画布元素

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

这里我们添加了一个画布元素，它的ID为`pdf-canvas`，这个ID也在JavaScript代码中使用到了。

这些步骤可以帮助你在Vue移动端预览本地pdf文件。当然，还需要考虑一些其他的因素，例如如何将pdf文件上传到服务器或者如何在移动端选择本地pdf文件等等。