1.安装pdf.js
npm i vue-pdf
npm i vue-pdf-signature(pdfjs本地预览没有问题,上架服务器之后存在问题,二次预览文字丢失)
2.引入
import { Toast } from "vant";
import pdf from "vue-pdf";
import CMapReaderFactory from "vue-pdf-signature/src/CMapReaderFactory.js";
3.使用
(Html)
<van-overlay :show="showZhiLingDisplay">
<div class="wrapper">
<div style="position: relative">
<!-- <img :src="zhiling" alt="" @click.stop /> -->
<pdf ref="pdf" :src="zhiling" :page="currentPage" />
<div
style="
width: 100%;
font-size: 14px;
display: flex;
justify-content: space-between;