<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
        })
      },
},

 

GitHub 加速计划 / vu / vue-pdf
2.19 K
520
下载
vue.js pdf viewer
最近提交(Master分支:2 个月前 )
a9f01b23 - 8 个月前
c188a043 add open_collective vue-pdf 8 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐