vue3项目接入Web Office开放平台

番茄小酱001

已于 2024-12-13 11:26:37 修改

阅读量1.4k

点赞数 2

分类专栏： VUE3 wps 文章标签：前端 javascript vue.js react.js

于 2024-09-19 15:55:03 首次发布

本文链接：https://blog.csdn.net/m0_61343119/article/details/142362361

版权

官网地址：

快速开始-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