[問題] checkbox勾選殘留

作者: qw050123 (呆呆小將)   2019-07-26 00:23:30
手機排版,傷眼抱歉
先上連結
https://codepen.io/anon/pen/QeKWpK
小弟我今天在練習todoList時遇到了勾選欄殘留的問題,確認過殘留的情況並沒有影響到
checkbox的value,透過更改checked也沒有改善,請問此問題是否有關鍵字或是有什麼解
決方法?
ps:具體情況發生在"待辦事項"與"完成事項"當中,勾選後原本那列會消失,勾選卻會保
留到下個事項
作者: art1 (人,原來不是人)   2019-07-26 03:24:00
你的 filteredTodos 很怪,不管有沒有completed,都做一樣的事情...只差了一行 console.log(item)如果是要根據completed的值來篩選項目,有比較簡單的寫法由上而下勾選的話會有你說的問題,由下往上則不會
作者: pkro12345 (席龍)   2019-07-26 03:58:00
用v-for的key問題 在checkbox加上:key="item.id"就好了
作者: art1 (人,原來不是人)   2019-07-26 04:09:00
像這種問題沒經驗真不知道該怎麼追程式碼找出問題出在key
作者: qw050123 (呆呆小將)   2019-07-26 06:23:00
感謝p大提供解決方法,去看文件時官方寫法是說有相同父元素的子元素在進行更動時需要加上 :key 以避免發生過度觸法造成的過度渲染,又學到了一課。

Links booklink

Contact Us: admin [ a t ] ucptt.com