【vue】v-for列表渲染綁定key值出現的問題記錄

以上爲todolist項目中出現的問題 不能在一個頁面中出現key值相同的相同組件 現象：當點擊任務條的單選框切換分組時，原分組頂上來的任務條的單選框的選中狀態，會跟之前的任務條上的單選框點擊後的狀態相同 原因：任務條組件複用，兩分組均是使用v-for列表渲染多個任務條的，且，綁定key值爲數組的下標 也就是說，同一個頁面，會出現兩個key值相同（兩個都是分組第一個，則key都是0）的相同組件。

>>阅读原文<<