使用 PDF.JS 在线预览 PDF

 需要准备的文件（本地文件）

pdf.js下载地址   

下载文件后，存放在静态文件目录下

pdf.vue

 

<template>
  <div style="width: 100%; height: 100vh; margin: 0 auto">
    <iframe
      :src="pdfsrc"
      frameborder="0"
      type="application/pdf"
      style="width: 100%; height: 100%"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    let pdfdata = this.$store.getters.pdfData;
    return {
      data: pdfdata,
      pdfsr