背景：vue專案裡需要在頁面顯示pdf
實現方法：
外掛程式位址
1.install 外掛程式
npm i vue-pdf
複製**
2.在頁面引入
import pdf from 'vue-pdf'
複製**
3.在template中新增
"'/projects/'+ $store.state.projectid +'/results/050.deseq2/plotcluster.pdf'" style="width:500px;height:500px">
複製**
也可以載入單個檔案 src="../../static/***.pdf"
在頁面上顯示ok～結果如圖
頁面顯示PDF 移動端和網頁
在網頁上顯示pdf只要用或者 標籤就可以實現。把這兩個資料夾放在和html頁面乙個資料夾，或者其他資料夾，使用的時候再修改一下路徑就可以。資料夾中有已經寫好的可以顯示pdf的頁面，其中viewer.html是用來顯示pdf的，再專案執行起來，會顯示viewer.js中預設的資料夾中compersse...
vue專案 匯入pdf功能 以及 預覽Pdf
先上效果圖 上傳pdf的具體 如下 class upload demo ref upload action action on preview handlepreview on remove handleremove before upload beforeupload multiple limit...
vue專案中操作PDF檔案
以前從來沒接觸過前端要求顯示pdf檔案，一時之間有點懵逼，不知從哪下手啊.無奈之下，去找度娘，方法還不少，iframeembedobject這些標籤就可以，可是拿過來做個demo一試，並沒有什麼卵用，網頁中可以顯示pdf，但是頁面上就是出不來，反正我是沒有試成功 還有pdfobject pdf.js...