javascript - 在vue項目中遇到的問題:DOMException
問題描述
用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ì)合理的解釋以及解決方案,在此提出問題,希望遇到過解決的道友給出解釋。
問題解答
回答1:經(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ù)的時候先移除后插入*
相關(guān)文章:
1. 注冊賬戶文字不能左右分離2. python - 使用readlines()方法讀取文件內(nèi)容后,再用for循環(huán)遍歷文件與變量匹配時出現(xiàn)疑難?3. 對mysql某個字段監(jiān)控的功能4. javascript - 數(shù)組的過濾和渲染5. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能6. html5 - ElementUI table中el-table-column怎么設(shè)置百分比顯示。7. html - vue項目中用到了elementUI問題8. showpassword里的this 是什么意思?代表哪個元素9. python - 為什么正常輸出中文沒有亂碼,zip函數(shù)之后出現(xiàn)中文編程unicode編碼的問題,我是遍歷輸出的啊。10. JavaScript事件
