作者qw050123 (呆呆小將)
看板Web_Design
標題[問題] checkbox勾選殘留
時間Fri Jul 26 00:23:30 2019
手機排版，傷眼抱歉
先上連結
https://codepen.io/anon/pen/QeKWpK
小弟我今天在練習todoList時遇到了勾選欄殘留的問題，確認過殘留的情況並沒有影響到
checkbox的value，透過更改checked也沒有改善，請問此問題是否有關鍵字或是有什麼解
決方法？
ps：具體情況發生在"待辦事項"與"完成事項"當中，勾選後原本那列會消失，勾選卻會保
留到下個事項
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 39.9.196.227 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1564071812.A.1A4.html
1F：推 art1: 你的 filteredTodos 很怪，不管有沒有completed，都做一樣的 07/26 03:24
2F：→ art1: 事情... 07/26 03:24
3F：→ art1: 只差了一行 console.log(item) 07/26 03:25
4F：推 art1: 如果是要根據completed的值來篩選項目，有比較簡單的寫法 07/26 03:29
5F：推 art1: 由上而下勾選的話會有你說的問題，由下往上則不會 07/26 03:35
6F：推 pkro12345: 用v-for的key問題 在checkbox加上:key="item.id"就好了 07/26 03:58
7F：推 art1: 像這種問題沒經驗真不知道該怎麼追程式碼找出問題出在key 07/26 04:09
8F：→ qw050123: 感謝p大提供解決方法，去看文件時官方寫法是說有相同父 07/26 06:23
9F：→ qw050123: 元素的子元素在進行更動時需要加上 :key 以避免發生過 07/26 06:23
10F：→ qw050123: 度觸法造成的過度渲染，又學到了一課。 07/26 06:23