You may have an infinite update loop in a component

NO IMAGE
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

今天寫著寫著,突然發現控制檯裡有錯誤:

[Vue warn]: You may have an infinite update loop in a component render function

這個問題很奇怪,之前從來沒有遇到過。如果是我自己主導的專案,倒也好辦,慢慢 debug 就是;偏偏在公司的專案裡遇到這個問題,而公司專案的體系結構很複雜,我還沒完全掌握。更惱火的是,因為體系複雜,debug 也非常困難,再加上尚無測試框架,這個難搞啊……

好死不死的,當時是下午3、4點鐘,正好到了肚餓的時刻,結果又落入低血糖狀態,真是屋漏偏逢連陰雨,船小又碰頂頭風,餓得我腦仁生疼……

不過終於還是被我 Google debug 出來。事實上是這樣的,在 v-for

這裡,為了能生成唯一 ID,我選擇每次迴圈都對 vm.itemIndex

方案二

// helper.js 生成唯一 id
let count = 0;
export default function uniqueID(increase = true) {
if (increase) {
count  ;
}
return `prefix-${count}`;
}
// 原來的元件
import uniqueID from './helper';
export default {
methods: {
getID(increase = true) {
let id = uniqueID(increase);
return `my-component-${this.selfIndex}-${id}`;
}
}
}


【廣告】肉老師的面試題詳解

順便做個廣告,我的新講堂已經上線,將於下週二直播。

這次我決定把自己積累的面試題詳細地介紹給所有來聽課的同學。從設定這道題的目的,考察的方向,希望聽到的答案,答出多少大約是什麼評價等等都來個徹底的公開。相信大家聽後,可以更加明確日常學習的方向。

目前還在75折銷售中,歡迎大家,連結在此


這兩天聽評書《亂世梟雄》,學到一句話“拉屎臉朝外”,形容講義氣,不知道咋聯絡的……


同步於 我的部落格

相關文章

程式語言 最新文章