vue2中使用pdfjs插件实现上一页下一页

很抱歉，您的问题中提到的是vue3中使用pdfjs插件实现预览功能，而不是vue2。以下是在vue3中使用pdfjs插件实现上一页下一页的方法：

1. 首先，安装pdfjs-dist插件：

npm i pdfjs-dist

2. 在Vue组件中引入pdfjs-dist：

import pdfjsLib from 'pdfjs-dist';

3. 在Vue组件中定义一个变量来存储PDF文档：

let pdfDoc = null;

4. 编写一个方法来加载PDF文档：

async function loadPdf(url) {
  const loadingTask = pdfjsLib.getDocument(url);
  pdfDoc = await loadingTask.promise;
  renderPage(pageNum);
}

5. 编写一个方法来渲染PDF文档的某一页：

async function renderPage(num) {
  const page = await pdfDoc.getPage(num);
  const canvas = document.getElementById('pdf-canvas');
  const ctx = canvas.getContext('2d');
  const viewport = page.getViewport({ scale: 1 });
  canvas.height = viewport.height;
  canvas.width = viewport.width;
  const renderContext = {
    canvasContext: ctx,
    viewport: viewport
  };
  await page.render(renderContext);
}

6. 在Vue组件中定义两个变量来存储当前页码和总页数：

let pageNum = 1;
let numPages = 0;

7. 编写一个方法来获取PDF文档的总页数：

async function getPageCount() {
  numPages = pdfDoc.numPages;
}

8. 在Vue组件中定义两个方法来实现上一页和下一页的功能：

async function goPrevious() {
  if (pageNum <= 1) {
    return;
  }
  pageNum--;
  await renderPage(pageNum);
}

async function goNext() {
  if (pageNum >= numPages) {
    return;
  }
  pageNum++;
  await renderPage(pageNum);
}

9. 在Vue组件的模板中添加一个canvas元素和两个按钮来触发上一页和下一页的方法：

<template>
  <div>
    <canvas id="pdf-canvas"></canvas>
    <button @click="goPrevious">上一页</button>
    <button @click="goNext">下一页</button>
  </div>
</template>