在vue3中使用vue-pdf-embed预览pdf不显示内容？-灵析社区

在vue3中使用vue-pdf-embed，不显示内容  上一页 下一页 {{ state.pageNum }}/{{ state.numPages }} 放大 缩小 import { reactive, onMounted, computed } from "vue"; import VuePdfEmbed from "vue-pdf-embed"; import { createLoadingTask } from "vue3-pdfjs"; const props = defineProps({ pdfUrl: { type: String, default: "", }, }); const state = reactive({ source: props.pdfUrl, //预览pdf文件地址 // source: require("../../../assets/vue.pdf"), //预览pdf文件地址 pageNum: 1, //当前页面 scale: 1, // 缩放比例 numPages: 0, // 总页数 }); const scale = computed(() => `transform:scale(${state.scale})`); function lastPage() { if (state.pageNum > 1) { state.pageNum -= 1; } } function nextPage() { if (state.pageNum 1) { state.scale -= 0.1; } } onMounted(() => { console.log(state,'state'); const loadingTask = createLoadingTask(state.source); loadingTask.promise.then((pdf) => { state.numPages = pdf.numPages; }); }); .pdf-preview { position: relative; height: 100vh; padding: 20px 0; box-sizing: border-box; background-color: e9e9e9; } .pdf-wrap { overflow-y: auto; } .vue-pdf-embed { text-align: center; width: 100%; border: 1px solid #e5e5e5; margin: 0 auto; box-sizing: border-box; } .page-tool { position: absolute; bottom: 35px; padding-left: 15px; padding-right: 15px; display: flex; align-items: center; background: rgb(66, 66, 66); color: white; border-radius: 19px; z-index: 100; cursor: pointer; margin-left: 50%; transform: translateX(-50%); } .page-tool-item { padding: 8px 15px; padding-left: 10px; cursor: pointer; } 使用vue3-pdfjs都可以获取到页数，内容却不显示