Vue-pdf预览插件-vue-pdf

最新推荐文章于 2024-09-13 16:08:02 发布

Anna F

最新推荐文章于 2024-09-13 16:08:02 发布

阅读量1.8k

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/annaf/article/details/105866075

版权

应用场景

在写H5项目的时候需要预览pdf文件

解决方案

步骤一：npm install --save vue-pdf

步骤二: 这是template。

<template>
  <div class="pdf" v-show="fileType === 'pdf'">
    <pdf
      ref="pdf"
      :src="pdfUrl"
      :page="currentPage"
      @num-pages="pageCount=$event"
      @page-loaded="currentPage=$event"
      @loaded="loadPdfHandler">
    </pdf>

    <div class="bottom-btn" >
      <p class="arrow">
        <span @click="changePdfPage(0)" class="turn" :class="{grey: currentPage==1}">上一页</span>