以前從來沒接觸過前端要求顯示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，在頁面放置兩個按鈕，分別觸發使用...