Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.1k views
in Technique[技术] by (71.8m points)

vue 中使用vue-pdf插件

vue 中使用vue-pdf插件,调用
`
pdfTask(pdfUrl){

  vm.pdfUrl = pdf.createLoadingTask(pdfUrl)
  console.log(vm.pdfUrl)
  vm.pdfUrl.then((pdf) => {
    console.log('pdf',pdf)
    vm.numPages = pdf.numPages
  })
},

`
报.then is not a function,请问怎么解决?
(文件我用的是我项目本地的pdf文件)


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

按照npm vue-pdf的写法终于搞定了

<template>

 <div>

 <pdf

 v-for="i?in?numPages"

 :key="i"

 :src="src"

 :page="i"

 ></pdf>

 </div>

</template>

<script>

import?pdf?from?'vue-pdf'

var?loadingTask?=?pdf.createLoadingTask('https://cdn.mozilla.net/pdfjs/tracemonkey.pdf');

export?default?{

 components:?{

 pdf

 },

 data()?{

 return?{

 src:?loadingTask,

 numPages:?undefined,

 }

 },

 mounted()?{

 this.src.promise.then(pdf?=>?{

 this.numPages?=?pdf.numPages;

 });

 }

}

</script>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...