最近的一个项目中用到了读取本地文件PDF,先是用了PDF 组件, 没有达到想要的效果,后来查找官网用iframe标签来替代PDF 组件, 达到想要的效果了,
1、第一步先安装 vue-pdf插件
在命令行中输入: npm install --save vue-pdf
2、第二步, 在需要的页面引入vue-pdf
<template> <div class="pdf" style="width: 100%; height: 100%"> <iframe :src="src" frameborder="0" style="width: 100%; height: 100%"></iframe> </div> </template> <script> import pdf from 'vue-pdf'; export default { data() { src: '../test.pdf' }, components: { pdf }, } </script> <style> </style>
OK 完成
标签:插件,Vue,预览,vue,PDF,pdf From: https://www.cnblogs.com/weiqinlu/p/17222591.html