Vue PDF文件预览vue-pdf

最近做项目，遇到一种情况，点击查看需要弹出fpd文件预览，就在网上扒拉了一下，写了一个比较简单的组件即可实现。
首先需要先引用: npm install –save vue-pdf

预览组件
<template>
       <el-dialog title=”文件预览” :visible=”true” @close=”$emit(‘close’)” v-dialogDrag width=”50%”>
             <p class=”arrow”>
                 <button @click=”changePdfPage(0)” class=”turn” :class=”{grey: currentPage==1}”>上一页</button>
                  {
  {currentPage}} / {
  {pageCount}}
                 <button @click=”changePdfPage(1)” class=”turn” :class=”{grey: currentPage==pageCount}”>下一页</button>
             </p>
             <Pdf :src=”$props.pdfurl” :page=”currentPage” @num-pages=”pageCount=$event” @page-loaded=”currentPage=$event”