vue-pdf 插件不翻页滚动效果

最新推荐文章于 2024-08-25 22:41:00 发布

闲人有点忙

最新推荐文章于 2024-08-25 22:41:00 发布

阅读量6.4k

点赞数 4

本文链接：https://blog.csdn.net/qq_39598092/article/details/101053539

版权

<pdf
                  v-for="i in numPages"
                  :key="i"
                  :page="i"
                  :src="pdfUrl" style="width: 100%; height: auto;" @num-pages="pageCount=$event">
                </pdf>

data() {
      return {
        pageCount:0,
        pdfUrl:'',
        src: '', // pdf文件地址
        numPages:0,
      }
    },
mounted(){
this.loadPdfHandler()
},
methods: {
      async loadPdfHandler () {
        //src为你服务器上存放pdf的路径
        this.pdfUrl = pdf.createLoadingTask(this.src);
        this.pdfUrl.then(pdf => {
          this.numPages = pdf.numPages
        })
      },
},