首頁  >  問答  >  主體

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.

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

阿神阿神2711 天前1105

全部回覆(1)我來回復

  • PHP中文网

    PHP中文网2017-06-10 09:51:09

    經過查找資料:
    https://github.com/vuejs/vue-...
    https://github.com/vuejs/vue/...
    以上連結可參考。

    本人推測當頁面Dom在還沒有渲染完成的情況下,http請求回來的資料被插入到未知節點中,導致出現這種錯誤。

    情境:點擊按鈕從伺服器請求數據,更新vnode,更新渲染結果。
    解決: 對需要渲染的模板外層添加

    ,點擊按鈕開始請求資料的時候@click ="isShow=false", 當成功請求資料時,在回呼函數中cb(isShow=ture). 保證更新資料的時候先移除後插入*

    回覆
    0
  • 取消回覆