onlyOffice切换文章渲染不出来的问题 onlyOffice 是线上编辑文档的工具,官方文档是 api.onlyoffice.com/zh-CN/docs/… 因为不熟悉,所以使用了npm下载的方式, `import { ref, computed, watch, onMounted, onUnmounted } from "vue"; import { DocumentEditor } from "@onlyoffice/document-editor-vue"; import type { OnlyOfficeConfig, OnlyOfficeDocument, OnlyOfficeEditorConfig, } from "./types"; import { defineOptions } from "vue"; import { Message } from "@arco-design/web-vue"; import { IconFile, IconCloseCircleFill, IconRefresh } from "@arco-design/web-vue/es/icon"; import { buildApi } from "shared-store";
defineOptions({ name: "OnlyOfficeEditor", });
const props = withDefaults(defineProps(), {
documentServerUrl: "xx.x.x.xxx:8088/",
document: undefined, // 改为可选,如果提供fileId则会自动获取
editorConfig: () => ({
mode: "edit",
lang: "zh-CN",
}),
height: "100%",
width: "100%",
events: () => ({}),
mode: "view",
});传入documentServerUrl自动下载所需要的文档,单个渲染没问题,但是切换的时候就出问题,会显示空白骨架,但是切换回第一个就正常了,再切换还是不行,一开始以为代码问题,用AI跑了一天,AI跑冒烟都没解决,然后想到是不是资源加载的问题,于是就采用预加载的方式加载资源,再html中添加
成功!!!WHat fuck!!!!!