使用vue在移动端 预览pdf文件

可以使用第三方库pdf.js来实现在Vue移动端预览PDF文件。首先需要安装pdf.js：

npm install pdfjs-dist

然后在Vue组件中引入pdf.js：

import pdfjsLib from 'pdfjs-dist';

接下来，在Vue组件的mounted方法中加载PDF文件：

mounted() {
  // 加载PDF文件
  pdfjsLib.getDocument('path/to/pdf/file.pdf').then(pdf => {
    // 获取第一页
    pdf.getPage(1).then(page => {
      // 设置缩放比例
      const scale = 1.5;
      // 获取canvas元素
      const canvas = this.$refs.pdfCanvas;
      // 获取渲染上下文
      const context = canvas.getContext('2d');

      // 获取页面宽度
      const viewport = page.getViewport({ scale });

      // 设置canvas宽高
      canvas.width = viewport.width;
      canvas.height = viewport.height;

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

最后，在Vue组件的template中添加canvas元素：

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

这样就可以在Vue移动端预览PDF文件了。当然，还可以根据需要添加一些控制按钮，比如翻页、缩放等功能。