問題描述

用vue做項目的時候，拋出異常: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.

描述：這個問題之前在網上搜索過，從很多參考資料中看出，和v-if和v-show有關系，但是并沒有給出過詳細合理的解釋以及解決方案，在此提出問題，希望遇到過解決的道友給出解釋。

問題解答

經過查找資料：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). 保證 更新數據的時候先移除后插入*