Vue3 使用pdf.js 预览pdf

Vue3 使用pdf.js 预览pdf

非专业 如有语术错误请谅解

写在前面：vue-pdf 好像并不支持Vue3 参考https://segmentfault.com/a/1190000039858927

本样例是基于后端返回的是文件流

直接上样例

首先下载pdf.js
注意：将解压后的文件放在static下

1.使用ifame嵌套

 <iframe
      id='pdf'
      ref='pdf'
      height='100%'
      :src='pdfUrl'
      width='100%' /> 


//可附带token请求，如果不需要则删掉
const Token = store.getters['user/token']
//fileUrl为返回的文件流
let url = fileUrl
//iframe中的src
this.pdfUrl = '/static/pdf/web/viewer.html?file=' + encodeURIComponent(url)
//如果不需要带token则到这一步就结束了


//下面是带token的处理
const res = await fetch(url, {
  method: 'GET