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：无法在 'Node' 上执行 'insertBefore'：要插入新节点的节点不是该节点的子节点。

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

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

Answer 1

没有。没有限制。您可以嵌套任意数量的 div。但我看到了你的 v-else 情况，这可能是问题所在。

替换为：

<div v-else="">

有了这个：

<div v-else>

vue有深度限制吗？

Is there a depth limit in vue?

vue.js

transition

depth