[问题] 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