vue專案中操作PDF檔案

2022-09-07 02:12:10 字數 494 閱讀 6404

以前從來沒接觸過前端要求顯示pdf檔案,一時之間有點懵逼,不知從哪下手啊...

無奈之下,去找度娘,方法還不少,iframeembedobject這些標籤就可以, 可是拿過來做個demo一試,並沒有什麼卵用,網頁中可以顯示pdf,但是頁面上就是出不來,反正我是沒有試成功;還有pdfobject    pdf.js

接下來這個才是我們今天的主角,基於vue的vue-pdf,強大且簡單

1.安裝

npm install --s**e vue-pdf

2.新建乙個元件cpdf.vue

3.在本地跑起你的專案就完了   npm  run  dev

4.最後附上github位址  

好了,搞定,溜了遛了......

vue專案中實現pdf檔案預覽功能

最近遇到乙個實現pdf檔案預覽功能的需求,分享一下實現方法 pdf預覽相對word excel ppt等檔案的預覽比較容易,因為常見的瀏覽器都是支援pdf檔案直接預覽,所以最簡單的實現方法就是在瀏覽器中直接輸入pdf檔案存放在伺服器上的路徑位址就可以直接預覽 1 使用瀏覽器預設支援訪問pdf檔案的功...

Vue專案中操作svg檔案

vue專案中使用svg 引入依賴 yarn add svg sprite loader d 可選 yarn add svgo svgo loader d 依賴說明 svg sprite loader sprites 會被自動渲染和注入頁面,您只需通過 工作原理是 利用svg的symbol元素,將每個...

vue專案中mock資料操作步驟

1 進入檔案根目錄安裝mockjs cnpm install mockjs 2 安裝完成之後再src下新建mock目錄,建立 mock.js檔案,在裡面我們模擬了兩個介面,分別攔截使用者和選單的請求,並返回響應的資料,mock檔案中 如下 3 修改 home.vue,在頁面放置兩個按鈕,分別觸發使用...