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>
============ 欢迎各位老板打赏~ ===========

