vue 移动端h5预览PDF

要在Vue移动端H5中预览PDF，你可以使用第三方库pdf.js。pdf.js是一个开源的JavaScript库，它可以在Web浏览器中渲染PDF文档，无需使用插件或Adobe Acrobat Reader。

首先，你需要在Vue项目中安装pdf.js库，可以使用npm进行安装：

npm install pdfjs-dist

安装完成后，在需要预览PDF的组件中引入pdf.js：

import pdfjsLib from 'pdfjs-dist';

在mounted生命周期中加载PDF文档：

mounted() {
  // 加载PDF文档
  const loadingTask = pdfjsLib.getDocument("your_pdf_file_url.pdf");
  loadingTask.promise.then((pdf) => {
    // 获取第一页
    pdf.getPage(1).then((page) => {
      // 获取canvas元素
      const canvas = document.getElementById('pdf-canvas');
      const context = canvas.getContext('2d');
      const viewport = page.getViewport({ scale: 1 });
      // 为canvas设置宽高
      canvas.width = viewport.width;
      canvas.height = viewport.height;
      // 渲染第一页
      page.render({
        canvasContext: context,
        viewport: viewport
      });
    });
  });
}

在template中添加canvas元素：

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

这样就可以在Vue移动端H5中预览PDF了。当然，你可以根据需要添加更多的功能，比如翻页、缩放等。