vue使用pdf-viewer.js图片

Vue可以使用pdf-viewer.js来显示PDF文件。要在Vue中使用pdf-viewer.js，您需要安装以下依赖项：

npm install pdfjs-dist pdf-viewer.js --save

然后，在您的Vue组件中，您可以这样使用pdf-viewer.js：

<template>
  <div>
    <pdf-viewer :src="pdfUrl" :show-toolbar="true" :page="currentPage"></pdf-viewer>
  </div>
</template>

<script>
import { pdfjs } from 'pdfjs-dist';
import 'pdf-viewer.js';

export default {
  data() {
    return {
      pdfUrl: 'your-pdf-url',
      currentPage: 1,
    };
  },
  mounted() {
    pdfjs.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.3.200/pdf.worker.min.js';
  },
};
</script>

在这个示例中，pdfUrl是您PDF文件的URL，show-toolbar标志决定是否显示工具栏，currentPage是当前PDF页面的索引。您还需要在mounted函数中设置全局pdfjs工作程序。