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>