vue如何预览pdf图

Vue.js 是一个流行的前端框架，可以使用第三方库来预览 PDF 图片。其中，pdf.js 是一个流行的开源库，可用于在 Web 上渲染 PDF 文档。以下是使用 pdf.js 预览 PDF 图片的基本步骤：

1. 安装 pdf.js 库

可以通过 npm 安装 pdf.js 库，命令如下：

npm install pdfjs-dist

2. 引入 pdf.js 库

在 Vue 组件中使用 pdf.js 库，需要在组件中引入 pdf.js 库，代码如下：

import pdfjsLib from 'pdfjs-dist';

3. 渲染 PDF 图片

使用以下代码将 PDF 图片渲染到 HTML 中：

pdfjsLib.getDocument({ url: 'path/to/pdf' }).promise.then(function(pdf) {
  pdf.getPage(1).then(function(page) {
    var canvas = document.getElementById('pdf-canvas');
    var context = canvas.getContext('2d');

    var viewport = page.getViewport({ scale: 1.0 });
    canvas.height = viewport.height;
    canvas.width = viewport.width;

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

其中，`path/to/pdf` 是 PDF 文件的路径，`pdf-canvas` 是用于渲染 PDF 图片的画布元素的 ID。

以上就是使用 pdf.js 在 Vue.js 中预览 PDF 图片的基本步骤。