<template>
<iframe
:src="`static/PDF/web/viewer.html?file=${encodeURIComponent(pdfUrl)}`"
frameborder="no"
scrolling="no"
style="position: absolute; left: 0; top: 0; width: 100%; height: 100%;">
</iframe>
</template>
<script>
export default {
data() { return { pdfUrl: '您的pdf文件路径', }; },
};
</script>
根据您的使用场景下载解压放入vue项目的static/PDF
主要就是这两文件夹
然后就按照最上面的代码开始用吧