问答

vue 中使用vue-pdf插件

作者:admin 2021-05-14 我要评论

vue 中使用vue-pdf插件,调用 ` pdfTask(pdfUrl){ vm.pdfUrl = pdf.createLoadingTask(pdfUrl) console.log(vm.pdfUrl) vm.pdfUrl.then((pdf) = { console.log('...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

###

按照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>

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 请问下prometheus怎么进行自定义的按业

    请问下prometheus怎么进行自定义的按业

  • 节流函数为什么,点击无效,监听窗口大

    节流函数为什么,点击无效,监听窗口大

  • express访问静态资源失败

    express访问静态资源失败

  • IE 浏览器下 match 方法报错

    IE 浏览器下 match 方法报错

腾讯云代理商
海外云服务器