vue 实现在线预览office文件

说明：https://view.xdocin.com/view?src=" + encodeURIComponent("要预览的文件路径（要求必须是外网）")

iframe使用

   <iframe
      v-if="['xls', 'xlsx', 'ppt', 'docx', 'doc', 'txt', 'pptx', 'md'].includes(fileType)"
      style="width: 100%; height: 100vh;"
      :src="`https://view.officeapps.live.com/op/view.aspx?src=${file.url}`"
      frameborder="0"
    ></iframe>

window.open

 window.open("https://view.xdocin.com/view?src=" + encodeURIComponent('要预览的文件路径（要求必须是外网）')");