問題描述

用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.

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

問題解答

經(jīng)過查找資料：https://github.com/vuejs/vue-... https://github.com/vuejs/vue/...以上鏈接可參照。

本人推測當(dāng)頁面Dom在還沒有渲染完成的情況下，http請求回來的數(shù)據(jù)被插入到未知節(jié)點(diǎn)中，導(dǎo)致出現(xiàn)這種錯誤。

情景：點(diǎn)擊按鈕從服務(wù)器請求數(shù)據(jù)，更新vnode,更新渲染結(jié)果。解決: 對需要渲染的模板外層添加<p v-if='isShow'><p v-for=''></p></p>,點(diǎn)擊按鈕開始請求數(shù)據(jù)的時候@click='isShow=false', 當(dāng)成功請求數(shù)據(jù)時,在回調(diào)函數(shù)中cb(isShow=ture). 保證 更新數(shù)據(jù)的時候先移除后插入*