In Vue-Projekten aufgetretene Probleme: DOMException

Question

Wenn Sie Vue zum Ausführen eines Projekts verwenden, wird eine Ausnahme ausgelöst:
DOMException: Failed to execute 'insertBefore' on 'Node': Der Knoten, vor dem der neue Knoten eingefügt werden soll, ist kein untergeordnetes Element dieses Knotens.

Beschreibung: Aus vielen Referenzmaterialien geht hervor, dass es mit v-if und v-show zusammenhängt, es wurde jedoch keine detaillierte und vernünftige Erklärung und Lösung gegeben Frage hier. Ich hoffe, andere Taoisten, die auf das Problem gestoßen sind, haben Erklärungen gegeben.

Answer 1

经过查找资料：
https://github.com/vuejs/vue-...
https://github.com/vuejs/vue/...
以上链接可参照。

本人推测当页面Dom在还没有渲染完成的情况下，http请求回来的数据被插入到未知节点中，导致出现这种错误。

情景：点击按钮从服务器请求数据，更新vnode,更新渲染结果。
解决: 对需要渲染的模板外层添加<p v-if="isShow"><p v-for=""></p></p>,点击按钮开始请求数据的时候@click="isShow=false", 当成功请求数据时,在回调函数中cb(isShow=ture). 保证 更新数据的时候先移除后插入*