看下效果图:
1.安装pdf.js
npm i vue-pdf
2、可直接引用
<template>
<div>
<van-overlay :show="showOverlay" :lock-scroll="false" class="pdfPage">
<div class="add-popup">
<div class="topCloseIcon" @click="closePdf">
<van-icon name="cross" />
</div>
<div class="overflow-cont">
<van-loading v-if="loading" type="spinner" size="50" vertical style="text-align:center;padding-top:50%;">加载中...</van-loading>
<div v-else>
<div v-if="basePdf" class="pdfbox">
<pdf v-for="i in numPages" :key="i" ref="myPdfComponent" :src="src" :page="i"></pdf>
</div>
<div v-else style="padding-top: 0;">
<van-empty description="暂未生成pdf" />
</div>
</di