admin管理员组

文章数量:1633181

Vue实现移动端打开pdf文件，滑动显示下一页

  • 第一步，项目终端输入
  • 第二步，直接在文件使用

第一步，项目终端输入

npm install vue-pdf -save

第二步，直接在文件使用

<script>
<template>
  <div class="pdf">
    <pdf v-for="i in numPages" :key="i" :src="src" :page="i"></pdf>
  </div>
</template>
import pdf from 'vue-pdf'
export default {
  components: {
    pdf
  },
  data() {
    return {
      currentPage: 0, // pdf文件页码
      pageCount: 0, // pdf文件总页数
      src: '', // pdf路径
      numPages: 0
  },
  mounted() {
    var url = '' // 文件地址
    this.src = pdf.createLoadingTask(url)
    this.src.promise.then((pdf) => {
      this.numPages = pdf.numPages
    })
  },
}
</script>

这样就实现了 是不是很简单！

本文标签： 下一页文件vuePDF

版权声明：本文标题：Vue实现移动端打开pdf文件，滑动显示下一页 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1729157670a1188135.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。