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文件)

阅读 5.3k
1 个回答

按照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>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题