最近在做vue项目的时候需要在线加载预览pdf,用到vue-pdf,下面来介绍如何实现:
1.引入vue-pdf
npm install --save vue-pdf
2.引入vue-pdf组件,添加url
import pdf from 'vue-pdf';//pdf预览
export default {
components: {
pdf
},
3.在HTML中使用
<div>
<!--预览pdf位置,items.url是接口中获取的url-->
<pdf :src='items.url'></pdf>
</div>
4.运行项目 npm run dev
好了,大功告成,如果遇到以下问题请参阅我另一篇博文