vue中pdf，word等格式详情查看解决方案（谷歌、火狐浏览器不支持.doc等格式的问题）

vue PDF，word等格式详情查看

• vue使用vue-pdf插件显示

  • npm安装:npm install --save vue-pdf

    使用见https://www.npmjs.com/package/vue-pdf

• vue使用iframe（推荐）显示

  • iframe

    <iframe :src="pdf" frameborder="0" style="width: 100%; height: 800px"></iframe>
    //pdf 为链接
    

  • 上面的iframe只支持pdf，其他格式

    如果出现word，就要引入微软

    this.pdf='https://view.officeapps.live.com/op/embed.aspx?src='+url
    

    • 如果不行，也可以使用XDOC文档预览云服务

    this.pdf='http://view.xdocin.com/xdoc?_xdoc='+url
    

    ​ 官网地址：http://view.xdocin.com/