vue2.0移动端使用vue-pdf插件实现PDF文件流在线预览

BUGKing-

已于 2022-09-20 20:11:58 修改

阅读量2.4k

点赞数

分类专栏： Web 文章标签： vue.js 前端 javascript

于 2022-07-14 10:00:05 首次发布

本文链接：https://blog.youkuaiyun.com/sneer_shen/article/details/125777701

版权

如果遇到电子签章不显示问题，滑到最下方

npm install --save vue-pdf@4.2.0
npm install pdfjs-dist@2.5.207

如果后台返回的文件流为图片 — 只需要将 <pdf :src="src/> 改为 <img :src="src/">即可

<template>
  <div>
    <!-- pdf预览 -->
    <div>
      <pdf
        :page="pageNum"
        :src="src"
        @progress="loadedRatio = $event"
        @num-pages="pageTotalNum = $event"
      />
      <!--  -->
      <div class="pdf-btn" v-if="pageTotalNum > 1">
        <van-button round type="info" size="small" @click