vue3项目接入Web Office开放平台

官网地址：

快速开始-WebOffice 知识库

一、步骤解说

1、根据需要下载对应SDK包

     【下面地址你会发现有三种类型的SDK包，一种是JS，一种是 ES6，一种是AMD】

JSSDK 更新日志-WebOffice 知识库

2、先引入下载的sdk包，我这里引入的js的包。

 3、在Html中找一个容器给上ID，等会要挂载这上面

4、在JS中，引用SDK的方法，用于打开页面

这样的话，你的wps就能出来了！！

注意：链接要拼接正确

二、附上完整代码

vue框架中引入跳转wps的公共组件

<template>
   <div>
       这里是html内容
   </div>
</template>


<script lang="ts" setup>

   import { handleWpsJump } from '/useWPSJump';
  

   const demo = () => {
       直接调用组件方法
       handleWpsJump(XX, XXX, XXX);
   }

</script>

<style lang="scss" scoped>

</style>

在vue框架中定义公共组件，通过window.open()方法跳转用于展示HTML页面 ---  useJumpWPS.ts

import { useMessage } from 'n