vue3项目基于vue3-pdf实现pdf阅读

最新推荐文章于 2024-04-29 11:28:51 发布

glf910705

最新推荐文章于 2024-04-29 11:28:51 发布

阅读量3k

点赞数

文章标签： pdf 前端 javascript

本文链接：https://blog.csdn.net/glf910705/article/details/129041903

版权

安装依赖：npm install vue3-pdf

功能：

1：阅读pdf

3：缩放（缩小，放大，还原）

HTML代码：

<template>
  <div class="pdf-info">
    <!-- 工具栏 -->
    <div class="toolbar">
      <div class="page-left">
        <span @click.stop="prePage">上一页</span>
        <div class="active-page-box">
          <input class="page-input" type="text" v-model="pageNum" @change="changePage" placeholder="请输入跳转页">
          <span class="line">/</span>
          <span>{
  {pageTotalNum}}</span>
        </div>
        <span @click.stop="nextPage">下一页</span>
      </div>