# DOMException: Failed to execute 'insertBefore' on 'Node': The node before 。。。

1,550 阅读1分钟

DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

问题:要插入新节点之前的节点不是该节点的子节点。

Vue 会尽可能高效的更新 DOM。这意味着其在相同类型的元素之间切换时,会修补已存在的元素,而不是将旧的元素移除然后在同一位置添加一个新元素。如果本不相同的元素被识别为相同,则会导致元素间相互影响,不能正常渲染。

解决方法:

①:v-if 改 v-show

②:加key (锁定其唯一性)