PTT數位生活區 / Web_Design

[問題] checkbox勾選殘留

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