在項目中,v-for渲染列表失敗,無報錯,數組有數據。上網查,好多說是因為動態綁定class的原因,但是經過幾番測試,都無效果。
在經過不斷嘗試,搜索,終於找到原因所在。
問題原因:在v-for循環中,如果我們在函數中改變了item中的值,在console.log()中查看是修改成功了,但在頁面中沒有及時刷新改變后的值。
解決方法:使用vue自帶的 this.$forceUpdate() 迫使 Vue 實例重新渲染。注意它僅僅影響實例本身和插入插槽內容的子組件,而不是所有子組件。
但是目前具體原因未知,還需要繼續查找。因為之前使用v-for從未出現過這個bug。