
html5预览PDF(vue3)
官网下载PDF.JS,得到 以下文件,放到PUBLIC目录 下:
注:记得修改viewer.html/viewer.mjs中的路径。
新建pdfview.vue:
<script setup> import {ref, onMounted} from 'vue' import http from "@/utils/http.js"; import router from "@/router/index.js"; import {useRoute} from 'vue-router'; const route = useRoute(); const url = ref(''); function onBack() { router.go(-1); } onMounted(() => { console.log(route.query) url.value = "/pdf/viewer.html?file="+ route.query.url; console.log('pdf url:' + url.value); }); </script> <template> <div class="page"> <iframe width="100%" style="height: 100vh;border:none;" :src="url"></iframe> </div> </template> <style scoped> </style>
============ 欢迎各位老板打赏~ ===========

