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