<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
主要就是这两文件夹
然后就按照最上面的代码开始用吧