vue有深度限制吗？

Question

我有一个vue组件，其结构如下：

<transition name="fade">
<div>
  <div v-if="false">
  </div>
  <div v-else="">
     <div>
         <div>
              <div>no matter what content</div>
         </div>
     <div>
  </div>
</div>  
</transition>

它工作正常，直到我在里面添加第4个div，即使没有内容，因为它将抛出：

DOMException：无法在“节点”上执行“insertBefore”：要插入新节点的节点不是此节点的子节点。

如果我删除转换标记...它不再抛出错误

所以我只是很好奇...... vue的允许深度是否有限制？

Answer 1

不，没有限制。你可以嵌套任何数字div。但我看到你的v-else状况，这可能是问题。

替换这个：

<div v-else="">

有了这个：

<div v-else>