js解決
window.open("https://view.xdocin.com/view?src=" + encodeURIComponent(url) + '&toolbar=false');可选参数
&pdf=true，word文档尝试以pdf方式显示，默认false
&watermark=水印文本，显示文本水印；“img:”+图片url表示图片水印，如：img:https://view.xdocin.com/demo/wm.png
&saveable=true，是否允许保存源文件，默认false
&printable=false，是否允许打印，默认true
©able=false，是否允许选择复制内容，默认true
&toolbar=false，是否显示底部工具条，默认true
&title=自定义标题
&expire=30，预览链接有效期，单位分钟，默认永久有效
&limit=，限制页数，如：“5”表示只显示前5页，“2,5”表示从第2页开始的5页，对pdf/doc/docx/ppt/pptx有效
&filename=文件名，辅助识别文档格式
&fontsize=字体大小(单位px)，默认14，范围:6~58文章来源：https://www.toymoban.com/news/detail-646956.html
&mtime=文件修改时间戳（如：1633093801，精确到秒）或修改时间（如：2021-10-01 21:10:01），值改变刷新缓存文章来源地址https://www.toymoban.com/news/detail-646956.html
html （iframe ）
<iframe
:src="`https://view.xdocin.com/view?src=${encodeURIComponent(url)}`"
frameborder="0"
width="100%"
height="500"
></iframe>到了这里，关于前端（vue）js在线预览PDF、Word、Excel、ppt等office文件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
