javascript - 在vue項(xiàng)目中遇到的問(wèn)題:DOMException
問(wèn)題描述
用vue做項(xiàng)目的時(shí)候,拋出異常: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.
描述:這個(gè)問(wèn)題之前在網(wǎng)上搜索過(guò),從很多參考資料中看出,和v-if和v-show有關(guān)系,但是并沒(méi)有給出過(guò)詳細(xì)合理的解釋以及解決方案,在此提出問(wèn)題,希望遇到過(guò)解決的道友給出解釋。
問(wèn)題解答
回答1:經(jīng)過(guò)查找資料:https://github.com/vuejs/vue-... https://github.com/vuejs/vue/...以上鏈接可參照。
本人推測(cè)當(dāng)頁(yè)面Dom在還沒(méi)有渲染完成的情況下,http請(qǐng)求回來(lái)的數(shù)據(jù)被插入到未知節(jié)點(diǎn)中,導(dǎo)致出現(xiàn)這種錯(cuò)誤。
情景:點(diǎn)擊按鈕從服務(wù)器請(qǐng)求數(shù)據(jù),更新vnode,更新渲染結(jié)果。解決: 對(duì)需要渲染的模板外層添加<p v-if='isShow'><p v-for=''></p></p>,點(diǎn)擊按鈕開(kāi)始請(qǐng)求數(shù)據(jù)的時(shí)候@click='isShow=false', 當(dāng)成功請(qǐng)求數(shù)據(jù)時(shí),在回調(diào)函數(shù)中cb(isShow=ture). 保證 更新數(shù)據(jù)的時(shí)候先移除后插入*
相關(guān)文章:
1. node.js - win7下,npm 無(wú)法下載依賴包,淘寶鏡像也裝不上,求幫忙???2. 為什么autoloader.php文件能知道 $className 代表test3. pdo - mysql 簡(jiǎn)單注入疑問(wèn)4. Python中使用超長(zhǎng)的List導(dǎo)致內(nèi)存占用過(guò)大5. 為什么學(xué)習(xí)PHP6. javascript - axios請(qǐng)求回來(lái)的數(shù)據(jù)組件無(wú)法進(jìn)行綁定渲染7. 雙擊安裝程序,安裝不了8. javascript - dropload+tab頁(yè)面,圖文頁(yè)滾動(dòng)有兩個(gè)滾動(dòng)區(qū)域怎么破?9. 推薦好用mysql管理工具?for mac和pc10. python - 如何用pandas處理分鐘數(shù)據(jù)變成小時(shí)線?
