vue2 集成 Onlyoffice_vue onlyoffice(1)，天呐

最新推荐文章于 2024-05-06 13:43:01 发布

架构师老李华

最新推荐文章于 2024-05-06 13:43:01 发布

阅读量353

点赞数 3

分类专栏： 2024年程序员学习文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_60721860/article/details/137508569

版权

八、在 Vue 中接入 Onlyoffice

1、子组件准备，在你的项目的合适目录下新建如下两个文件，将下方的代码复制粘贴进去到你对应的文件中。

index.vue页面代码：

<template>
    <div :class="s.view">
        <div :id="id"></div>
    </div>
</template>

<script>
    import loadScript from './loadScript.js';

    export default {
        name: 'DocumentEditor',
        props: {
            id: {
                type: String,
                default: '',
            },
            documentServerUrl: {
                type: String,
                default: '',
            },
            config: {
                type: Object,
                default: () => { },
            },
            document_fileType: {
                type: String,
                default: '',
            },
            document_title: {
                type: String,
                default: '',
            },
            documentType: {
                type: String,
                default: '',
            },
            editorConfig_lang: {
                type: String,
                default: '',
            },
            height: {
                type: String,
                default: '',
            },
            type: {
                type: String,
                default: '',
            },
            width: {
                type: String,
                default: '',
            },
            events_onAppReady: {
                type: Function,
                default: () => { },
            },
            events_onDocumentStateChange: {
                type: Function,
                default: () => { },
            },
            events_onMetaChange: {