vue中使用动态组件加载onlyoffice出现两层覆盖文字

这个问题可能是由于 OnlyOffice 组件的样式和你的 Vue 应用的样式之间的冲突所导致的。你可以通过以下方法来尝试解决这个问题：

1. 确保你的 OnlyOffice 组件被正确引入，并且没有被其他组件或样式所影响。

2. 在 Vue 应用的组件中，给 OnlyOffice 组件添加一个独特的类名或 ID，然后使用 CSS 来覆盖 OnlyOffice 组件的样式，以解决样式冲突问题。

3. 如果上述方法无法解决问题，你可以尝试使用 Vue 的 slot 来加载 OnlyOffice 组件，这样可以更细粒度地控制组件的样式和结构。

示例代码如下：

<template>
  <div>
    <component :is="componentName">
      <template v-slot:default>
        <div class="onlyoffice-wrapper">
          <!-- OnlyOffice 组件的 HTML 结构 -->
        </div>
      </template>
    </component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      componentName: 'onlyoffice-component'
    }
  }
}
</script>

<style scoped>
.onlyoffice-wrapper {
  /* 解决样式冲突问题，覆盖 OnlyOffice 组件的样式 */
}
</style>

希望这些方法能够帮助你解决问题。