pdf-previewer

npm install pdf-previewer

import PdfPreviewer from 'pdf-previewer'
import 'pdf-previewer/dist/pdf-previewer.css'
Vue.use(PdfPreviewer)

<script>
  import PdfPreviewer from 'pdf-previewer'
  import 'pdf-previewer/dist/pdf-previewer.css'
  export default {
      name:'xxx',
      components:{PdfPreviewer}
  }
</script>

<template>
 <div>
     <button @click="openPdf">预览</button>
     <pdf-previewer ref="pdfRef" :file="fileObj" />
 </div>
</template>
<script>
  import PdfPreviewer from 'pdf-previewer'
  import 'pdf-previewer/dist/pdf-previewer.css'
  export default {
      name:'xxx',
      components:{PdfPreviewer},
      data(){
          return {
              fileObj:{
                  fileName:'xxxx',filePath:'xxxxx'
              }
          }
      }
      methods:{
          openPdf(){
              this.$nextTick(()=>{
                  this.$refs.pdfRef.openPDF()
              })
              
          }
      }
  }
</script>