预览模式下组件样式错乱怎么办？

书生シ艳雯提问于 2026-03-17 13:12:25 阅读 2

交互

我在做可视化编辑器的预览功能，切换到预览模式后，原本在编辑态正常显示的组件样式全乱了，布局塌陷、字体变小，但数据是正常的。

我试过把编辑区的样式隔离去掉，也检查了 scoped 样式，还是不行。是不是预览容器的 CSS 环境影响了子组件？

<template>
  <div v-if="previewMode" class="preview-container">
    <component :is="currentComponent" />
  </div>
  <div v-else class="editor-container">
    <!-- 编辑区域 -->
  </div>
</template>

可视化编辑预览模式

我来解答赞 4 收藏

反馈

暂无解答