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 (锁定其唯一性)