vue項目中v-for渲染失敗


  在項目中,v-for渲染列表失敗,無報錯,數組有數據。上網查,好多說是因為動態綁定class的原因,但是經過幾番測試,都無效果。

  在經過不斷嘗試,搜索,終於找到原因所在。

  問題原因:在v-for循環中,如果我們在函數中改變了item中的值,在console.log()中查看是修改成功了,但在頁面中沒有及時刷新改變后的值。

  解決方法:使用vue自帶的 this.$forceUpdate() 迫使 Vue 實例重新渲染。注意它僅僅影響實例本身和插入插槽內容的子組件,而不是所有子組件。

  但是目前具體原因未知,還需要繼續查找。因為之前使用v-for從未出現過這個bug。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM