使用vue.js在网站上显示pdf文档(移动友好)

npm install pdfjs-dist

import pdfjsLib from 'pdfjs-dist'

<div id="pdfContainer"></div>

mounted() {
  const pdfUrl = 'path/to/pdf/document.pdf';
  const container = document.getElementById('pdfContainer');

  pdfjsLib.getDocument(pdfUrl).promise.then(pdf => {
    for (let i = 1; i <= pdf.numPages; i++) {
      pdf.getPage(i).then(page => {
        const canvas = document.createElement('canvas');
        const context = canvas.getContext('2d');
        const viewport = page.getViewport({ scale: 1 });

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

        page.render({
          canvasContext: context,
          viewport: viewport
        }).promise.then(() => {
          container.appendChild(canvas);
        });
      });
    }
  });
}