vue框架中在線預覽Office文檔

說道預覽功能，其實跟vue沒有什麼關係的，僅僅就是一個跳轉連接，微軟那邊有專門處理的web查看器javascript

如何開始？html

建立一個URL，按照如下的連接來創（支持https）：vue

http://view.officeapps.live.com/op/view.aspx?src= <文檔位置>java

須要注意的是： <文檔位置>須要進行URL編碼，而且該文檔必須能夠在Internet上公開訪問。web

如何使用？ 瀏覽器

只要跳轉到你建立的url就好了app

好比注入一段a標籤代碼ide

<a href="http://view.officeapps.live.com/op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx"></a>

或者js跳轉也行，只要可以跳轉到你建立的url就好了網站

window.open('http://view.officeapps.live.com/op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx')

如下是微軟官方的一些實例：ui

在Microsoft Build會議上，有不少關於PowerPoint平臺的演示。若是要觀看其中一個演示文稿的視頻，還可使用Office Web Viewer查看附帶的PowerPoint演示文稿。http://view.officeapps.live.com/op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx
在一個受歡迎的銀行網站上，官方找到了這個很棒的Wedding Budget Planner電子表格。爲了預覽電子表格而不是下載電子表格，官方建立了一個Office Web Viewer連接。http://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Flearn.bankofamerica.com%2Fcontent%2Fexcel%2FWedding_Budget_Planner_Spreadsheet.xlsx
官方在Bing上找到的學校通信模板。使用Office Web Viewer，您沒必要擔憂學校中的每一個人均可以查看Word文檔-如今他們所須要的只是瀏覽器。http://view.officeapps.live.com/op/view.aspx?src=newteach.pbworks.com%2Ff%2Fele%2Bnewsletter.docx