From 2635f6b8873fb3224a5491bb65b29f060b410dbe Mon Sep 17 00:00:00 2001
From: linfso <linfso@sina.com>
Date: Fri, 5 Jul 2024 13:23:28 +0800
Subject: [PATCH] md

---
 src/components/PdfViewer/innerPdf.vue | 46 +++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/components/PdfViewer/innerPdf.vue

diff --git a/src/components/PdfViewer/innerPdf.vue b/src/components/PdfViewer/innerPdf.vue
new file mode 100644
index 00000000..ced9e386
--- /dev/null
+++ b/src/components/PdfViewer/innerPdf.vue
@@ -0,0 +1,46 @@
+<template>
+  <div>
+    <pdf
+      v-for="i in numPages"
+      :key="i"
+      :src="src"
+      :page="i"
+      ></pdf>
+  </div>
+  </template>
+  <script>
+  import pdf from 'xd-vue-pdf'
+  export default {
+    components: {
+      pdf
+    },
+    props: {
+      pdfSrc: {
+        type: String,
+        require: true
+      }
+    },
+
+  data() {
+    return {
+      src: '',
+      numPages: undefined,
+    }
+  },
+  mounted() {
+    this.loadPDF(this.pdfSrc)
+  },
+  methods:{
+    loadPDF(url){
+      this.src=pdf.createLoadingTask(url)
+      this.src.promise.then(pdf => {
+        this.numPages = pdf.numPages;//获取pdf页数
+      });
+    },
+    //很重要,父组件关闭前,清空子组件的值,不然第二次预览打开空白
+    resetPageNum(){
+      this.numPages=undefined
+    }
+  }
+}
+</script>