Html VueJS中递归组件的布局中断

我解决问题有困难。 我需要动态加载一些组件。 当加载其中一些组件时，会显示它们 错误或没有css样式，这都是因为模板后的第一个div元素。 编辑DOM并删除此DIV时，一切都是正确的。 但是，VueJS不允许在根目录中使用v-for

我使用的是Vuetify组件，因此在某些情况下，Vuetify css需要满足css类的级别，因此此DIV不能位于组件之间

有没有办法解决这个问题

ControlsComponent.vue

<template>
  <div>
    <div v-for="(component, index) in childs" :key="index" draggable>      
      <component :is="component.Type">
        <ControlsComponent :parent="component" :childs="component.Childs"></ControlsComponent>
      </component>      
    </div>
  </div>
</template>

---

此组件是否有父级？如果它已尝试将其放入父对象中的for循环中。如果它没有父级，那么创建一个父级并在那里创建for循环。例如：
父组件：

<Child v-for="(component, index) in childs" :key="index" draggable></Child>

子组件

<component :is="component.Type">
 <ControlsComponent :parent="component" :childs="component.Childs"></ControlsComponent>
</component>

您所说的故障是什么意思？能否显示该组件（包含for循环）的渲染代码？我猜你只需要在那里添加一个类或ID。问题是循环是在子对象上进行的，我必须进行更改并为父div包含一个结构。