作者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/cn.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