当前位置: 首页 > article >正文

vue3项目接入Web Office开放平台

官网地址:

快速开始-WebOffice 知识库

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

JSSDK 更新日志-WebOffice 知识库

2、先引入下载的sdk包,我这里引入的es6的包

import WebOfficeSDK from './web-office-sdk-v1.1.3.es';

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

<template>
  <n-card class="h-full">
    <div id="wpshtml" style="width: 80%"></div>
  </n-card>
</template>

4、

const openFile = async () => {
  try {
    // 打开文件进行查看|编辑
    await WebOfficeSDK.config({
      url: url, // 文件地址
      mount: document.getElementById('wpshtml'),
    });
    console.log('文件已打开');
  } catch (error) {
    console.error('打开文件失败:', error);
  }
};

onMounted(() => {
  openFile();
});

这样的话,你的wps就能出来了!!

注意:链接要拼接正确


http://www.kler.cn/news/311916.html

相关文章:

  • 联想正式在印度生产AI服务器!致力于在印度开发世界“尖端”技术真的能实现吗?|AI日报
  • 【mac】MacOS无法打开XXX文件,因为无法验证开发者的问题解决
  • 可对画面进行平台传输,实时查看监控的智慧交通开源了
  • stm32 IIC总线busy解决方法
  • 【前端】ES6:let声明变量与const声明常量
  • linux命令行快捷键
  • vue websocket 使用
  • 常用的k8s容器网络模式有哪些?
  • 在职技术学习日记(二)
  • 【从计算机的发展角度理解编程语言】C、CPP、Java、Python,是偶然还是应时代的产物?
  • 企业网络安全关键:防御措施和应急响应
  • 解决VSCode文件的中文GBK和UTF-8编码之间乱码问题
  • 如何在QQ邮箱中启用 SMTP/IMAP 服务
  • k8s集群自动化管理
  • Outlook如何归档?
  • Pandas 数据分析入门详解
  • 通用定时器捕获实验20240920
  • 【软件方案】智慧社区总体解决方案(PPT原件)
  • Docker安装以及简单使用
  • 在线安全干货|如何更改IP地址?
  • 基于单片机的风机故障检测装置的设计与实现(论文+源码)
  • 批量处理docker容器以及镜像的脚本
  • 一、Numpy使用
  • C语言从头学61——学习头文件signal.h
  • 什么是“云原生”
  • Mysql梳理6——order by排序
  • 在 VS Code 中调试 C++ 项目
  • 【数据结构】动态开点线段树
  • 基于Android Studio 蜜雪冰城(奶茶饮品点餐)—原创
  • Java ERP系统源码深度解析:Spring Cloud Alibaba和Spring Boot的微服务实战