vue有深度限制吗？答案

【问题标题】：Is there a depth limit in vue?vue有深度限制吗？
【发布时间】：2018-08-07 22:46:18
【问题描述】：

我有一个结构如下的 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 允许的深度有限制吗？

【问题讨论】：

我用 jsfiddle 试过你的代码，它工作正常。

标签： vue.js transition depth

【解决方案1】：

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

替换这个：

<div v-else="">

有了这个：

<div v-else>

【讨论】：