一直都不会写这个 todolist 的样子,趁着有点时间吧,然后今天写了一个超级简单的 todolist。没有写啥 css。
效果图如下
1、根据计算属性来获取数据的长度
2、根据计算属性来判断目前已经选择了几个 (一个是用 reduce 去实现累加的效果,一个是 forEach 方法)
3、判断是否全选 (全选或者全不选之后,需要更新数据的,所有用到了计算属性的 set)
4、处理全选或者全不选
5、删除所选的数据 (采用了数组过滤方式完成, 也有一种方式,将选择数据的数据存进一个新的数组,之后遍历数组,然后将所选择的数据删除掉,forEach 循环去做,只是觉得有点麻烦了)
6、经过上面的,基本上把 todolist 做完了,具体代码,已经上传 git
https://gitee.com/hkkw/todoList